Superbagnères

.dsw-widget * { margin: 0; padding: 0; box-sizing: border-box; }

.dsw-widget { font-family: 'Open Sans', sans-serif; max-width: 900px; margin: 0 auto; padding: 20px; }

.dsw-header { text-align: center; margin-bottom: 24px; }

.dsw-title { font-family: 'Bebas Neue', Impact, sans-serif; font-size: 3rem; color: #2AADA8; letter-spacing: 0.05em; line-height: 1; margin: 0 !important; }

.dsw-subtitle { font-family: 'Bebas Neue', Impact, sans-serif; font-size: 1.5rem; color: #6B7280; letter-spacing: 0.1em; margin: 0 !important; }

.dsw-update { font-size: 0.875rem; color: #9CA3AF; margin-top: 12px !important; }

.dsw-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 16px; }

@media (max-width: 768px) { .dsw-grid { grid-template-columns: 1fr; } .dsw-title { font-size: 2.5rem; } }

.dsw-card { background: white; border-radius: 16px; padding: 24px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 140px; }

.dsw-card-title { font-family: 'Bebas Neue', Impact, sans-serif; font-size: 1.25rem; color: #2AADA8; letter-spacing: 0.05em; margin-bottom: 12px !important; text-align: center; }

.dsw-card-value { font-size: 1.875rem; font-weight: 700; color: #1F2937; margin: 0 !important; }

.dsw-meteo-container { display: flex; justify-content: space-around; width: 100%; }

.dsw-meteo-block { text-align: center; }

.dsw-meteo-label { font-size: 0.875rem; color: #9CA3AF; margin-bottom: 8px !important; }

.dsw-meteo-icon { width: 48px; height: 48px; margin: 0 auto 8px auto; background-size: contain; background-repeat: no-repeat; background-position: center; }

.dsw-meteo-temp { font-size: 1.125rem; font-weight: 600; color: #374151; margin: 0 !important; }

.dsw-risk-5, .dsw-risk-4 { color: #DC2626 !important; }

.dsw-risk-3 { color: #F59E0B !important; }

.dsw-loading { text-align: center; padding: 60px 20px; color: #9CA3AF; }

.dsw-spinner { width: 40px; height: 40px; border: 3px solid #e5e7eb; border-top-color: #2AADA8; border-radius: 50%; animation: dsw-spin 1s linear infinite; margin: 0 auto 16px auto; }

@keyframes dsw-spin { to { transform: rotate(360deg); } }

.dsw-error { text-align: center; padding: 40px 20px; color: #DC2626; background: #FEF2F2; border-radius: 16px; }

.dsw-test-banner { background: #FEF3C7; color: #92400E; padding: 10px; text-align: center; font-size: 0.875rem; border-radius: 8px; margin-bottom: 20px; }

.dsw-icon-snow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%239CA3AF' d='M46.5 28c-.2-7.2-6.1-13-13.4-13-5.5 0-10.2 3.3-12.3 8-.7-.2-1.5-.3-2.3-.3-4.7 0-8.5 3.8-8.5 8.5 0 4.5 3.5 8.2 8 8.5h26c4.1-.3 7.5-3.7 7.5-7.9 0-4.1-3.2-7.5-7.3-7.8z'/%3E%3Ccircle fill='%2360A5FA' cx='20' cy='48' r='2'/%3E%3Ccircle fill='%2360A5FA' cx='32' cy='52' r='2'/%3E%3Ccircle fill='%2360A5FA' cx='44' cy='48' r='2'/%3E%3C/svg%3E"); }

.dsw-icon-snowsun { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle fill='%23FBBF24' cx='52' cy='14' r='8'/%3E%3Cpath fill='%239CA3AF' d='M46.5 28c-.2-7.2-6.1-13-13.4-13-5.5 0-10.2 3.3-12.3 8-.7-.2-1.5-.3-2.3-.3-4.7 0-8.5 3.8-8.5 8.5 0 4.5 3.5 8.2 8 8.5h26c4.1-.3 7.5-3.7 7.5-7.9 0-4.1-3.2-7.5-7.3-7.8z'/%3E%3Ccircle fill='%2360A5FA' cx='20' cy='48' r='2'/%3E%3Ccircle fill='%2360A5FA' cx='32' cy='52' r='2'/%3E%3Ccircle fill='%2360A5FA' cx='44' cy='48' r='2'/%3E%3C/svg%3E"); }

.dsw-icon-cloudy { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%239CA3AF' d='M46.5 32c-.2-7.2-6.1-13-13.4-13-5.5 0-10.2 3.3-12.3 8-.7-.2-1.5-.3-2.3-.3-4.7 0-8.5 3.8-8.5 8.5 0 4.5 3.5 8.2 8 8.5h26c4.1-.3 7.5-3.7 7.5-7.9 0-4.1-3.2-7.5-7.3-7.8z'/%3E%3C/svg%3E"); }

.dsw-icon-sunny { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle fill='%23FBBF24' cx='32' cy='32' r='14'/%3E%3C/svg%3E"); }

.dsw-sectors { margin-top: 30px; }

.dsw-sector { background: white; border-radius: 12px; margin-bottom: 12px; overflow: hidden; border: 1px solid #e5e7eb; }

.dsw-sector-header { background: #5B8C8A; color: white; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }

.dsw-sector-header:hover { background: #4a7573; }

.dsw-sector-name { font-family: 'Bebas Neue', Impact, sans-serif; font-size: 1.2rem; letter-spacing: 0.05em; }

.dsw-sector-badges { display: flex; gap: 8px; font-size: 0.8rem; }

.dsw-sector-badge { background: rgba(255,255,255,0.2); padding: 4px 10px; border-radius: 4px; }

.dsw-sector-content { display: none; padding: 0; }

.dsw-sector.active .dsw-sector-content { display: block; }

.dsw-block { padding: 20px; border-bottom: 1px solid #f0f0f0; }

.dsw-block:last-child { border-bottom: none; }

.dsw-block-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }

.dsw-block-title { font-family: 'Bebas Neue', Impact, sans-serif; font-size: 1.3rem; color: #F59E0B; }

.dsw-block-count { background: #F59E0B; color: white; padding: 6px 14px; border-radius: 6px; font-weight: 700; }

.dsw-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }

.dsw-item:last-child { border-bottom: none; }

.dsw-item-left { display: flex; align-items: center; gap: 14px; }

.dsw-item-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.7rem; font-weight: 700; }

.dsw-item-name { font-weight: 500; color: #374151; }

.dsw-item-right { display: flex; align-items: center; gap: 16px; }

.dsw-item-status { display: flex; align-items: center; gap: 6px; }

.dsw-status-dot { width: 10px; height: 10px; border-radius: 50%; }

.dsw-status-open { background: #22c55e; }

.dsw-status-closed { background: #ef4444; }

.dsw-item-hours { color: #9CA3AF; }

.dsw-diff-V { background: #22c55e; }

.dsw-diff-B { background: #3b82f6; }

.dsw-diff-R { background: #ef4444; }

.dsw-diff-N { background: #1f2937; }

.dsw-lift-TC { background: #8b5cf6; }

.dsw-lift-TSD { background: #ec4899; }

.dsw-lift-TS { background: #2AADA8; }

.dsw-lift-TK { background: #6b7280; }

PAGE DE TEST - Widget Digisnow pour pyrenees31.com

Chargement...

max-width: 900px;

margin: 40px auto;

padding: 30px;

background: #fafafa;

border-radius: 16px;

font-family: 'Open Sans', sans-serif;

line-height: 1.8;

color: #374151;

}

.dsw-seo h2 {

font-family: 'Bebas Neue', Impact, sans-serif;

font-size: 2rem;

color: #2AADA8;

margin-bottom: 10px;

letter-spacing: 0.03em;

}

.dsw-seo h3 {

font-family: 'Bebas Neue', Impact, sans-serif;

font-size: 1.4rem;

color: #5B8C8A;

margin-top: 25px;

margin-bottom: 12px;

}

.dsw-seo p { margin-bottom: 15px; }

.dsw-seo strong { color: #1F2937; }

/* Alertes */

.dsw-seo .dsw-alerts {

background: #FEF3C7;

border-left: 4px solid #F59E0B;

padding: 15px 20px;

margin-bottom: 20px;

border-radius: 0 8px 8px 0;

}

.dsw-seo .dsw-alerts p {

margin: 8px 0;

font-size: 0.95rem;

}

/* Timestamp */

.dsw-seo .dsw-timestamp {

color: #9CA3AF;

font-size: 0.85rem;

border-top: 1px solid #e5e7eb;

padding-top: 15px;

margin-top: 25px;

}

/* Animation pulse pour alertes critiques */

.dsw-seo .dsw-alerts p:first-child {

animation: dsw-pulse 2s ease-in-out infinite;

}

@keyframes dsw-pulse {

0%, 100% { opacity: 1; }

50% { opacity: 0.7; }

}

Chargement des informations en temps reel...

jQuery(function($){

function loadSeoText(){

$.getJSON('/wp-admin/admin-ajax.php?action=digisnow_seo_text', function(d){

  if(d.text){

    $('#dsw-seo-content').html(d.text);

  }

});

}

loadSeoText();

// Rafraichir toutes les 30 minutes

setInterval(loadSeoText, 30601000);

});

.dsw-seo {

max-width: 900px;

margin: 40px auto;

padding: 30px;

background: #fafafa;

border-radius: 16px;

font-family: 'Open Sans', sans-serif;

line-height: 1.8;

color: #374151;

}

.dsw-seo h2 {

font-family: 'Bebas Neue', Impact, sans-serif;

font-size: 2rem;

color: #2AADA8;

margin-bottom: 10px !important;

letter-spacing: 0.03em;

}

.dsw-seo h3 {

font-family: 'Bebas Neue', Impact, sans-serif;

font-size: 1.4rem;

color: #5B8C8A;

margin-top: 25px !important;

margin-bottom: 12px !important;

}

.dsw-seo p { margin-bottom: 15px !important; }

.dsw-seo strong { color: #1F2937; }

/* Alertes */

.dsw-seo .dsw-alerts {

background: #FEF3C7;

border-left: 4px solid #F59E0B;

padding: 15px 20px;

margin-bottom: 20px;

border-radius: 0 8px 8px 0;

}

.dsw-seo .dsw-alerts p {

margin: 8px 0 !important;

font-size: 0.95rem;

}

/* Bloc recommandation contextuelle */

.dsw-seo .dsw-recommendation {

background: linear-gradient(135deg, #2AADA8 0%, #5B8C8A 100%);

color: white;

padding: 25px 30px;

border-radius: 12px;

margin: 25px 0;

}

.dsw-seo .dsw-recommendation h3 {

color: white !important;

font-size: 1.5rem;

margin-top: 0 !important;

margin-bottom: 15px !important;

}

.dsw-seo .dsw-recommendation p {

color: rgba(255,255,255,0.95);

margin-bottom: 12px !important;

}

.dsw-seo .dsw-recommendation .dsw-reco-link {

display: inline-block;

background: white;

color: #2AADA8;

padding: 10px 20px;

border-radius: 25px;

text-decoration: none;

font-weight: 600;

transition: all 0.3s ease;

}

.dsw-seo .dsw-recommendation .dsw-reco-link:hover {

background: #1F2937;

color: white;

transform: translateX(5px);

}

/* Timestamp */

.dsw-seo .dsw-timestamp {

color: #9CA3AF;

font-size: 0.85rem;

border-top: 1px solid #e5e7eb;

padding-top: 15px;

margin-top: 25px !important;

}

/* Animation subtile pour le bloc reco */

.dsw-seo .dsw-recommendation {

animation: dsw-glow 3s ease-in-out infinite;

}

@keyframes dsw-glow {

0%, 100% { box-shadow: 0 4px 20px rgba(42, 173, 168, 0.3); }

50% { box-shadow: 0 4px 30px rgba(42, 173, 168, 0.5); }

}

Chargement des informations...

jQuery(function($){

function loadSeoText(){

$.getJSON('/wp-admin/admin-ajax.php?action=digisnow_seo_text', function(d){

  if(d.text){

    $('#dsw-seo-content').html(d.text);

  }

});

}

loadSeoText();

// Rafraichir toutes les 20 minutes

setInterval(loadSeoText, 20601000);

});

Superbagnères

Ouverture

METEO

PISTES

REMONTEES

NEIGE

AVALANCHE

QUALITE