/* ============ SKYWARD AGENCY — WHMCS (domaines) ============ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Rubik:wght@400;500;600&display=swap');

:root{
  --sw-navy:#010569;--sw-blue:#0234D3;--sw-grey:#242F51;
  --sw-grad:linear-gradient(135deg,#0234D3 0%,#010569 100%);
  --sw-grad-h:linear-gradient(135deg,#0a3ee6 0%,#020a8a 100%);
  --sw-bg:#f4f6fb;--sw-border:#e6e9f3;--sw-muted:#717a9c;--sw-soft:rgba(2,52,211,.08);
  --sw-r:16px;--sw-rin:12px;--sw-sh:0 4px 22px rgba(1,5,105,.06);--sw-shl:0 14px 40px rgba(1,5,105,.13);
}
body,body.primary-bg-color{background:var(--sw-bg)!important;font-family:'Rubik',sans-serif!important;color:var(--sw-grey)}
h1,h2,h3,h4,h5,h6,.card-title,.panel-title{font-family:'Sora',sans-serif!important;color:var(--sw-navy);letter-spacing:-.02em}
a{color:var(--sw-blue)}a:hover{color:var(--sw-navy);text-decoration:none}
.container{max-width:1200px}

/* HEADER */
#header,.header{background:#fff!important;position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 var(--sw-border);border-bottom:3px solid transparent;border-image:var(--sw-grad) 1}
.sky-bar{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:74px;display:flex;align-items:center;gap:2rem}
.sky-bar .navbar-brand{font-family:'Sora';font-weight:800;font-size:1.5rem;margin:0;padding:0;background:var(--sw-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sky-bar #nav{flex-direction:row;align-items:center;margin:0;padding:0}
.sky-bar #nav>li>a{color:var(--sw-grey)!important;font-weight:500;padding:.5rem .9rem!important}
.sky-bar #nav>li>a:hover{color:var(--sw-blue)!important}
.sky-bar-right{margin-left:auto;display:flex;align-items:center;gap:.4rem}
.sky-bar-right .navbar-nav{flex-direction:row;align-items:center;margin:0}
.sky-bar-right .dropdown-toggle{color:var(--sw-navy)!important;font-weight:600;padding:.5rem .9rem!important}
.sky-bar .cart-btn{color:var(--sw-navy)!important}
.sky-bar .cart-btn .badge{background:var(--sw-blue)}

/* BREADCRUMB */
.master-breadcrumb{background:transparent;border:none}
.master-breadcrumb .breadcrumb{background:transparent;padding:.9rem 0;margin:0;font-size:.85rem}
.breadcrumb-item.active{color:var(--sw-navy)}

/* BOUTONS */
.btn{border-radius:30px!important;font-family:'Sora';font-weight:600;border:none;transition:transform .18s,box-shadow .18s,background .2s}
.btn-primary{background:var(--sw-grad)!important;color:#fff!important;box-shadow:0 6px 18px rgba(2,52,211,.26)}
.btn-primary:hover,.btn-primary:focus{background:var(--sw-grad-h)!important;transform:translateY(-2px);box-shadow:0 10px 26px rgba(2,52,211,.34);color:#fff!important}
.btn-success{background:linear-gradient(135deg,#22b07a,#0f8f5e)!important;color:#fff!important;box-shadow:0 6px 18px rgba(15,143,94,.26)}
.btn-success:hover{background:linear-gradient(135deg,#27c489,#119a66)!important;transform:translateY(-2px);color:#fff!important}
.btn-default,.btn-secondary{background:#fff!important;color:var(--sw-navy)!important;border:1.5px solid var(--sw-border)!important}
.btn-default:hover,.btn-secondary:hover{border-color:var(--sw-blue)!important;color:var(--sw-blue)!important;transform:translateY(-2px)}
.btn-outline-primary{border:1.5px solid var(--sw-blue)!important;color:var(--sw-blue)!important;background:transparent!important}
.btn-outline-primary:hover{background:var(--sw-blue)!important;color:#fff!important}
.btn-warning{background:linear-gradient(135deg,#f0a020,#e07d0c)!important;color:#fff!important}
.btn-link{color:var(--sw-blue)!important}

/* CARTES / FORMS */
.card,.panel{background:#fff!important;border:1px solid var(--sw-border)!important;border-radius:var(--sw-r)!important;box-shadow:var(--sw-sh)}
.card-header,.panel-heading{background:#fff!important;border-bottom:1px solid var(--sw-border)!important;font-family:'Sora';font-weight:600;color:var(--sw-navy)}
.header-lined{border-bottom:2px solid var(--sw-border);padding-bottom:.8rem;margin-bottom:1.4rem}
.form-control,.custom-select,.field,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel]{border-radius:var(--sw-rin)!important;border:1.5px solid var(--sw-border)!important;color:var(--sw-grey)}
.form-control:focus,.custom-select:focus,.field:focus,textarea:focus{border-color:var(--sw-blue)!important;box-shadow:0 0 0 3px var(--sw-soft)!important}
.input-group-text{border:1.5px solid var(--sw-border);background:#fafbff;color:var(--sw-muted)}
label{color:var(--sw-grey);font-weight:500}
.alert{border:none;border-left:4px solid;border-radius:12px}
.alert-info{background:var(--sw-soft);color:var(--sw-navy);border-left-color:var(--sw-blue)}
.badge-info,.badge-primary{background:var(--sw-blue)!important}
.badge-secondary{background:#eef0f8!important;color:var(--sw-navy)!important;border-radius:20px;font-weight:600}
.badge-secondary:hover{background:var(--sw-blue)!important;color:#fff!important}

/* ===== ACCUEIL : on garde héro + tuiles, on masque le reste ===== */
body.body-home #main-body{display:none!important}
body.body-home .home-domain-search{display:none!important}
.sky-banner{background:var(--sw-grad);border-radius:24px;margin:1.5rem auto;padding:3.5rem 1.5rem;max-width:1140px}
.sky-banner-inner{max-width:760px;margin:0 auto;text-align:center}
.sky-banner-title{font-family:'Sora';font-weight:800;font-size:2.6rem;color:#fff!important;margin-bottom:1.8rem;letter-spacing:-.03em}
.sky-search-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:40px;padding:7px 7px 7px 22px;box-shadow:0 18px 50px rgba(1,5,105,.28);max-width:660px;margin:0 auto}
.sky-search-icon{color:var(--sw-muted);display:flex}
#sky-domain-input{flex:1;border:none;outline:none;font-size:1.05rem;font-family:'Rubik';color:var(--sw-grey);background:transparent;padding:.6rem .4rem}
#sky-domain-input::placeholder{color:#9aa3c0}
.sky-search-actions{display:flex;gap:.4rem}
.sky-btn{border:none;border-radius:30px;font-family:'Sora';font-weight:600;padding:.7rem 1.5rem;cursor:pointer;transition:transform .18s,box-shadow .18s}
.sky-btn-primary{background:var(--sw-grad);color:#fff;box-shadow:0 6px 16px rgba(2,52,211,.3)}
.sky-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,52,211,.4)}
.sky-btn-secondary{background:#eef0f8;color:var(--sw-navy)}
.sky-btn-secondary:hover{background:#e2e6f5}
.sky-tiles-section{max-width:1140px;margin:0 auto 3rem}
.sky-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.sky-tile{display:flex;flex-direction:column;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);padding:2rem 1rem;text-align:center;color:var(--sw-navy)!important;font-family:'Sora';font-weight:600;box-shadow:var(--sw-sh);transition:transform .2s,box-shadow .2s,border-color .2s}
.sky-tile:hover{transform:translateY(-5px);box-shadow:var(--sw-shl);border-color:var(--sw-blue);text-decoration:none}
.sky-tile-icon{width:64px;height:64px;border-radius:18px;background:var(--sw-grad);display:flex;align-items:center;justify-content:center;color:#fff}
@media(max-width:768px){.sky-tiles{grid-template-columns:repeat(2,1fr)}.sky-banner-title{font-size:1.9rem}.sky-bar{gap:1rem;padding:0 1rem}}

/* ===== PANIER ===== */
.cart-sidebar .list-group-item.active{background:var(--sw-soft);color:var(--sw-navy);border-color:var(--sw-border)}
.domain-checker-bg{background:var(--sw-grad);border-radius:20px;padding:2.2rem}
.domain-checker-bg .input-group-box{border-radius:30px;background:#fff;padding:6px}
.tld-pricing-header{background:var(--sw-navy);color:#fff;border-radius:12px 12px 0 0;padding:.8rem 0;font-family:'Sora';font-weight:600}
.tld-row{border-bottom:1px solid var(--sw-border)}.tld-row:hover{background:#fafbff}
.order-summary{background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);box-shadow:var(--sw-sh);padding:1.5rem}
.order-summary .total-due-today{border-top:2px solid var(--sw-border);margin-top:1rem;padding-top:1rem}
#totalDueToday{color:var(--sw-navy);font-family:'Sora';font-weight:700}
.domain-promo-box{background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);padding:1.6rem;box-shadow:var(--sw-sh)}
.domain-promo-box .fa-4x{color:var(--sw-blue)}
.cart-body .col-md-6:has(.domain-promo-box .fa-server){display:none!important}
.cart-body .row:has(.domain-promo-box) .col-md-6:has(.fa-globe){flex:0 0 100%;max-width:100%}

/* ===== LOGIN / REGISTER ===== */
.login-form .card{box-shadow:var(--sw-shl);border:none;border-radius:20px}
#registration .card-title{border-bottom:2px solid var(--sw-border);padding-bottom:.6rem;margin-bottom:1.2rem}

/* ===== ESPACE CLIENT : garde Domaines + Factures + recherche domaine ===== */
.tiles .col-6:has(a[href*="action=services"]),.tiles .col-6:has(a[href*="supporttickets"]){display:none!important}
.tiles .tile{border-radius:var(--sw-r);box-shadow:var(--sw-sh)}
.tiles .tile .stat{color:var(--sw-navy);font-family:'Sora';font-weight:700}
#servicesPanel,#ticketsPanel,#announcementsPanel{display:none!important}
.client-home-cards .col-md-6:has(#registerDomainPanel){flex:0 0 100%;max-width:100%}

/* ===== FOOTER ===== */
#footer.footer{display:none!important}
.sky-footer{background:var(--sw-navy);color:#cdd4ff;padding:2.5rem 1.5rem;margin-top:3rem}
.sky-footer-inner{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;justify-content:space-between}
.sky-footer-logo{font-family:'Sora';font-weight:800;color:#fff;font-size:1.3rem}
.sky-footer-logo img{max-height:34px}
.sky-footer-nav{display:flex;gap:1.4rem;flex-wrap:wrap}
.sky-footer-nav a{color:#fff;font-weight:500}.sky-footer-nav a:hover{color:#8fa3ff}
.sky-footer-copyright{width:100%;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.85rem;color:#aab2e0}
.sky-footer-copyright strong{color:#fff}

::selection{background:var(--sw-blue);color:#fff}
.progress-bar{background:var(--sw-grad)!important}
hr{border-color:var(--sw-border)}

/* ===== SKYWARD PATCH : logo header + footer bas + module home ===== */
.sky-bar .navbar-brand{display:block;width:300px;height:38px;padding:0;font-size:0;color:transparent;-webkit-text-fill-color:transparent;background:url('/assets/img/skyward-logo.png') left center/contain no-repeat}
@media(max-width:768px){.sky-bar .navbar-brand{width:190px;height:30px}}
body,body.primary-bg-color{display:flex;flex-direction:column;min-height:100vh}
.sky-footer{margin-top:auto}
.sky-why{max-width:1140px;margin:0 auto 3.5rem;padding:0 1rem}
.sky-why-inner{background:#fff;border:1px solid var(--sw-border);border-radius:24px;box-shadow:var(--sw-sh);padding:3rem 2rem;text-align:center}
.sky-why-title{font-family:'Sora';font-weight:800;font-size:1.9rem;color:var(--sw-navy);margin-bottom:.6rem;letter-spacing:-.02em}
.sky-why-sub{color:var(--sw-muted);max-width:560px;margin:0 auto 2.4rem;font-size:1.05rem}
.sky-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:left}
.sky-why-card{background:var(--sw-bg);border:1px solid var(--sw-border);border-radius:16px;padding:1.6rem}
.sky-why-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--sw-grad);color:#fff;margin-bottom:1rem}
.sky-why-card h3{font-family:'Sora';font-weight:600;font-size:1.1rem;color:var(--sw-navy);margin-bottom:.4rem}
.sky-why-card p{color:var(--sw-muted);font-size:.94rem;margin:0}
.sky-why-cta{display:inline-block;margin-top:2.4rem;background:var(--sw-grad);color:#fff!important;font-family:'Sora';font-weight:600;padding:.9rem 2.2rem;border-radius:30px;box-shadow:0 8px 22px rgba(2,52,211,.3);transition:transform .18s,box-shadow .18s}
.sky-why-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(2,52,211,.4);text-decoration:none;color:#fff!important}
@media(max-width:768px){.sky-why-grid{grid-template-columns:1fr}.sky-why-inner{padding:2rem 1.2rem}.sky-why-title{font-size:1.45rem}}

/* ===== SKYWARD PATCH 2 : page recherche de domaine ===== */
#order-standard_cart .cart-body > p{color:var(--sw-muted)}
.domain-checker-bg{background:var(--sw-grad)!important;border-radius:20px;padding:2.2rem 1.4rem!important}
.domain-checker-bg .input-group-box{background:#fff;border-radius:18px;padding:8px;box-shadow:0 10px 30px rgba(1,5,105,.22)}
.domain-checker-bg textarea#message{border:none!important;box-shadow:none!important;outline:none;resize:none;min-height:46px}
.domain-checker-bg .domain-check-availability{border-radius:30px!important}
.domain-checker-bg .multiselect{border-radius:30px!important;border:1.5px solid var(--sw-border)!important;background:#fff!important;color:var(--sw-navy)!important}
/* résultats de recherche */
.primary-domain-header{font-family:'Sora';font-weight:600;color:var(--sw-navy);margin:1.4rem 0 .4rem}
#searchDomainInfo,#primaryLookupResult{background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);box-shadow:var(--sw-sh);padding:1.4rem 1.6rem}
.domain-checker-available{color:#0f8f5e;font-size:1.15rem}
.domain-checker-unavailable{color:#d23f3f}
.domain-price{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.domain-price .price{font-family:'Sora';font-weight:700;font-size:1.4rem;color:var(--sw-navy)}
.btn-add-to-cart{border-radius:30px!important;background:var(--sw-grad)!important;color:#fff!important;font-family:'Sora';font-weight:600;padding:.7rem 1.6rem!important;box-shadow:0 6px 18px rgba(2,52,211,.26);transition:transform .18s}
.btn-add-to-cart:hover{transform:translateY(-2px)}
.suggested-domains{background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);box-shadow:var(--sw-sh);margin-top:1.4rem;overflow:hidden}
.suggested-domains .card-header{background:var(--sw-bg)!important;font-family:'Sora';font-weight:600;color:var(--sw-navy)}
.domain-suggestion.list-group-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border:none;border-top:1px solid var(--sw-border)}
.domain-suggestion .domain{font-weight:600;color:var(--sw-navy)}
.domain-suggestion .actions{display:flex;align-items:center;gap:.8rem}
/* sidebar gauche */
.cart-sidebar .card-sidebar .list-group-item{border:none;border-bottom:1px solid var(--sw-border)}
.cart-sidebar .card-sidebar .list-group-item.active{background:var(--sw-soft)!important;color:var(--sw-navy)!important;border-color:transparent!important;font-weight:600}
/* on masque le bloc hébergement/serveur, transfert en pleine largeur */
.cart-body .row .col-md-6:has(.domain-promo-box .fa-server){display:none!important}
.cart-body .row:has(.domain-promo-box .fa-server) .col-md-6:has(.domain-promo-box .fa-globe){flex:0 0 100%;max-width:100%}

/* ===== SKYWARD PATCH 3 : footer sticky propre ===== */
html{height:100%}
body,body.primary-bg-color{min-height:100%!important}
body>.sky-footer{margin-top:auto}

/* ===== SKYWARD PATCH 4 : footer + page config domaines + boutons ===== */
html{height:100%}
body,body.primary-bg-color{min-height:100%!important}
body>.sky-footer{margin-top:auto}

/* boutons : taille cohérente, jamais de texte coupé */
.btn,.btn-lg{white-space:nowrap}
.btn-lg{padding:.8rem 2rem!important;font-size:1.05rem}
.domain-checker-bg .domain-check-availability{white-space:nowrap;padding:.75rem 1.6rem!important;font-size:1rem;line-height:1.2;min-width:140px}
.domain-checker-bg .domain-check-availability .fa-sparkles{margin-left:.35rem}

/* page "Configuration des domaines" */
#order-standard_cart .sub-heading{margin:1.8rem 0 1rem}
#order-standard_cart .sub-heading>span,#order-standard_cart .sub-heading .primary-bg-color{display:inline-block;background:var(--sw-grad)!important;color:#fff!important;font-family:'Sora';font-weight:600;padding:.5rem 1.1rem;border-radius:30px;font-size:1.05rem}
#frmConfigureDomains .form-group label{font-family:'Sora';font-weight:600;color:var(--sw-navy)}
#frmConfigureDomains .form-control{border-radius:12px;border:1.5px solid var(--sw-border)}
/* on masque le bloc "Hébergement / Aucun hébergement" (on ne vend pas d'hébergement) */
#frmConfigureDomains .row>.col-sm-6:has(a[style*="cc0000"]){display:none!important}
#frmConfigureDomains .row:has(a[style*="cc0000"])>.col-sm-6:not(:has(a[style*="cc0000"])){flex:0 0 100%;max-width:100%}

/* ===== SKYWARD PATCH 5 : footer collé en bas (kill fixed) + recherche ===== */
html{height:100%}
body.primary-bg-color{min-height:100vh;display:flex;flex-direction:column}
#footer.footer{display:none!important}
.sky-footer{position:static!important;margin-top:auto!important;width:100%;flex-shrink:0}
body.primary-bg-color>.modal,
body.primary-bg-color>form,
body.primary-bg-color>#fullpage-overlay{flex:0 0 auto}

/* recherche de domaine : bloc blanc qui respire, bouton bien contenu */
.domain-checker-bg{padding:2rem!important}
.domain-checker-bg .input-group-box{padding:14px 16px!important}
.domain-checker-bg .domain-check-availability{padding:.7rem 1.4rem!important;font-size:1rem!important;min-width:0!important}

/* ===== SKYWARD PATCH 6 : FOOTER DÉFINITIF + checkout + finitions ===== */
/* footer collé en bas — override total (tue tout fixed/sticky hérité) */
html{height:auto!important}
html body.primary-bg-color{min-height:100vh!important;display:flex!important;flex-direction:column!important}
html body.primary-bg-color > #main-body{flex:1 0 auto!important}
html body.primary-bg-color > #footer.footer{display:none!important}
html body.primary-bg-color > .sky-footer{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin:0!important;flex:0 0 auto!important;width:100%!important;z-index:auto!important}
.sky-footer{position:static!important;bottom:auto!important}

/* box recherche de domaine : compacte, centrée, plus de vide */
.domain-checker-bg .input-group-box{display:flex!important;align-items:center!important;gap:.6rem;min-height:0!important}
.domain-checker-bg textarea,.domain-checker-bg input[type=text]{min-height:48px!important;max-height:60px!important;line-height:1.4}

/* page "Passer la commande" (checkout) */
#order-standard_cart .account{border:1.5px solid var(--sw-border);border-radius:14px;padding:1rem;margin-bottom:.8rem;background:#fff}
#order-standard_cart .account.active{border-color:var(--sw-blue)!important;background:var(--sw-soft)!important}
#frmCheckout .form-group.prepend-icon .form-control,#frmCheckout .field.form-control{border-radius:12px}
#totalDueToday.alert-success{background:var(--sw-soft)!important;border:1px solid var(--sw-border)!important;color:var(--sw-navy)!important;border-radius:14px}
.checkout-security-msg{border-radius:14px}
#btnCompleteOrder.btn-lg{padding:.85rem 2.2rem!important}

/* ===== SKYWARD PATCH 7 : footer bas garanti (méthode margin-top auto) ===== */
html{height:auto!important}
html body.primary-bg-color{min-height:100vh!important;display:flex!important;flex-direction:column!important;margin:0}
/* le header reste en haut, le contenu pousse, tout le reste ne prend pas de place */
html body.primary-bg-color > #main-body{flex:1 0 auto!important}
/* tous les éléments entre le contenu et le footer = hauteur nulle dans le flux */
html body.primary-bg-color > form,
html body.primary-bg-color > .modal,
html body.primary-bg-color > #fullpage-overlay,
html body.primary-bg-color > script{flex:0 0 0!important;height:0;margin:0;padding:0}
/* le footer se colle en bas */
html body.primary-bg-color > .sky-footer{margin-top:auto!important;flex:0 0 auto!important}

/* ===== SKYWARD PATCH 8 : boutons verts -> bleu Skyward + espace client ===== */
/* tous les boutons verts repassent en dégradé Skyward */
.btn-success,.bg-color-green,.btn-checkout,a.btn-success,input.btn-success{background:var(--sw-grad)!important;border:none!important;color:#fff!important}
.btn-success:hover,.btn-checkout:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-checkout.btn-lg{border-radius:30px!important;padding:.85rem 1.8rem!important}

/* espace client : tuiles */
.tiles .tile{background:#fff;border:1px solid var(--sw-border);border-radius:var(--sw-r);box-shadow:var(--sw-sh);padding:1.4rem 1rem;text-align:center;transition:transform .18s,box-shadow .18s;height:100%}
.tiles .tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(1,5,105,.12)}
.tiles .tile i{font-size:1.8rem;color:var(--sw-blue)}
.tiles .tile .stat{font-family:'Sora';font-weight:700;font-size:2rem;color:var(--sw-navy);line-height:1.1;margin:.3rem 0}
.tiles .tile .title{color:var(--sw-muted);font-size:.95rem}
.tiles .tile .highlight{display:none}
.tiles .row.no-gutters>[class*=col-]{padding:.5rem!important}

/* cartes home client */
.client-home-cards .card,#servicesPanel,#registerDomainPanel{border:1px solid var(--sw-border)!important;border-radius:var(--sw-r)!important;box-shadow:var(--sw-sh)!important;overflow:hidden}
.client-home-cards .card-header{background:var(--sw-bg)!important;border-bottom:1px solid var(--sw-border)!important}
.client-home-cards .card-title{font-family:'Sora';color:var(--sw-navy)}
.card-accent-gold,.card-accent-blue,.card-accent-emerald,.card-accent-asbestos{border-top:3px solid var(--sw-blue)!important}
/* champ "enregistrer domaine" dans la carte : boutons espacés */
#registerDomainPanel .input-group .form-control{border-radius:12px 0 0 12px}
#registerDomainPanel .input-group-append .btn{margin-left:6px;border-radius:30px!important}

/* ===== SKYWARD PATCH 9 : panier - vider + noms de domaine ===== */
/* nom du domaine dans le panier : navy, lisible */
#order-standard_cart .item-domain{color:var(--sw-navy)!important;font-family:'Sora'!important;font-weight:600!important;font-size:1.05rem!important;display:block;margin-top:.2rem}
#order-standard_cart .item-title{color:var(--sw-muted);font-size:.9rem}
#order-standard_cart .item-price span[name$=Price]{font-family:'Sora';font-weight:700;color:var(--sw-navy)}

/* "Vider le panier" : discret mais propre */
#order-standard_cart .empty-cart{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sw-border)}
#order-standard_cart #btnEmptyCart{color:var(--sw-muted)!important;text-decoration:none;font-size:.9rem}
#order-standard_cart #btnEmptyCart:hover{color:#d23f3f!important}

/* ===== SKYWARD PATCH 10 : "Vider le panier" lisible ===== */
#order-standard_cart #btnEmptyCart,#order-standard_cart #btnEmptyCart *{color:#fff!important}
#order-standard_cart #btnEmptyCart{padding:.5rem 1.2rem!important;border-radius:30px!important;font-size:.9rem!important}
#order-standard_cart #btnEmptyCart:hover,#order-standard_cart #btnEmptyCart:hover *{color:#fff!important;filter:brightness(1.08)}

/* ===== SKYWARD PATCH 11 : hover checkout + masque devis + search bar ===== */
/* checkout : plus de vert au hover/focus/actif */
.btn-success:hover,.btn-success:focus,.btn-success:active,
.btn-checkout:hover,.btn-checkout:focus,.btn-checkout:active{background:var(--sw-grad)!important;color:#fff!important;filter:brightness(1.07)}

/* masquer l'onglet "Mes devis" (My Quotes) dans le menu */
#Primary_Navbar-Billing-My_Quotes{display:none!important}

/* ===== search bar recherche de domaine — refonte propre ===== */
.domain-checker-bg .input-group-box{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.6rem!important;background:#fff;border-radius:18px;padding:14px 16px!important;box-shadow:0 10px 30px rgba(1,5,105,.22)}
/* champ de saisie : prend toute la largeur en haut */
.domain-checker-bg textarea#message{flex:1 1 100%!important;order:1;border:none!important;box-shadow:none!important;outline:none!important;resize:none!important;min-height:40px!important;max-height:44px!important;line-height:1.4;padding:.5rem .2rem!important;font-size:1.05rem}
/* ligne du bas : selects à gauche, bouton à droite */
.domain-checker-bg .multiselect.btn-group,.domain-checker-bg .btn-group.multiselect{order:2}
.domain-checker-bg > .input-group-box > .multiselect{order:2}
.domain-checker-bg label{order:3;margin:0 auto 0 0;font-size:.9rem;color:var(--sw-navy);display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.domain-checker-bg .domain-check-availability{order:4;margin-left:auto;border-radius:30px!important;background:var(--sw-grad)!important;border:none!important;color:#fff!important;padding:.7rem 1.6rem!important;font-size:1rem!important;white-space:nowrap;min-width:auto!important}
/* boutons de filtres TLD/longueur */
.domain-checker-bg .multiselect{order:2;border-radius:30px!important;border:1.5px solid var(--sw-border)!important;background:#fff!important;color:var(--sw-navy)!important;padding:.45rem 1rem!important;font-size:.9rem}
.domain-checker-bg .btn-group>.multiselect.dropdown-toggle{border-radius:30px!important}

/* ===== SKYWARD PATCH 12 : search domaine — nettoyage total ===== */
/* 1) tue le liseré jaune derrière le bloc bleu */
.domain-checker-bg{background:var(--sw-grad)!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:22px!important}
.domain-checker-container,.domain-checker-advanced{background:transparent!important;border:none!important;box-shadow:none!important}

/* 2) masque les filtres inutiles : Inclure les TLD, Longueur max, Recherche sécurisée */
.domain-checker-bg .multiselect-native-select,
.domain-checker-bg select[name="tlds[]"],
.domain-checker-bg select[name="maxLength"],
.domain-checker-bg .btn-group:has(.multiselect),
.domain-checker-bg label:has(input[name="filter"]){display:none!important}

/* 3) la box : textarea + bouton sur une ligne, propre */
.domain-checker-bg .input-group-box{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:.8rem!important;background:#fff!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:0 10px 30px rgba(1,5,105,.22)!important}
.domain-checker-bg textarea#message{flex:1 1 auto!important;border:none!important;box-shadow:none!important;outline:none!important;resize:none!important;min-height:44px!important;max-height:48px!important;line-height:1.4!important;padding:.6rem .4rem!important;font-size:1.05rem!important;overflow:hidden}
.domain-checker-bg .domain-check-availability{flex:0 0 auto!important;position:static!important;border-radius:30px!important;background:var(--sw-grad)!important;border:none!important;color:#fff!important;padding:.75rem 1.8rem!important;font-size:1rem!important;white-space:nowrap!important;min-width:auto!important;width:auto!important;height:auto!important}

/* ===== SKYWARD PATCH 13 : placeholder court + table prix TLD ===== */
/* placeholder sur une seule ligne, tronqué proprement si besoin */
.domain-checker-bg textarea#message{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.domain-checker-bg textarea#message::placeholder{white-space:nowrap}

/* table "Parcourir les extensions" : header propre + lignes lisibles */
.domain-pricing h4{font-family:'Sora';color:var(--sw-navy);margin:1.6rem 0 1rem}
.tld-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.tld-filters .badge{background:#fff!important;border:1.5px solid var(--sw-border)!important;color:var(--sw-navy)!important;border-radius:30px!important;padding:.5rem 1rem!important;font-size:.85rem!important;font-weight:600;cursor:pointer;transition:all .15s}
.tld-filters .badge:hover,.tld-filters .badge.active{background:var(--sw-grad)!important;color:#fff!important;border-color:transparent!important}
.domain-pricing .bg-white{background:#fff!important;border:1px solid var(--sw-border)!important;border-radius:var(--sw-r)!important;overflow:hidden;box-shadow:var(--sw-sh)}
.tld-pricing-header{background:var(--sw-grad)!important;color:#fff!important;font-family:'Sora';font-weight:600;padding:1rem 0!important;margin:0!important}
.tld-pricing-header .tld-column,.tld-pricing-header [class*=col-]{color:#fff!important}
.tld-row{border-bottom:1px solid var(--sw-border);padding:.8rem 0;align-items:center}
.tld-row:hover{background:var(--sw-soft)}
.tld-row strong{font-family:'Sora';color:var(--sw-navy);font-size:1.05rem}
.tld-row .text-center{color:var(--sw-navy)}
.tld-row small{color:var(--sw-muted)}

/* ===== SKYWARD PATCH 14 : header table TLD + gestion utilisateurs ===== */
/* header table prix : tout le bandeau en dégradé, texte blanc lisible */
.tld-pricing-header,.tld-pricing-header>*,.tld-pricing-header .row,.tld-pricing-header [class*=col-]{background:transparent!important}
.domain-pricing .bg-white>.tld-pricing-header{background:var(--sw-grad)!important}
.tld-pricing-header *{color:#fff!important;background:transparent!important}

/* tableaux génériques (gestion utilisateurs, etc.) */
.primary-content table.table{border:1px solid var(--sw-border);border-radius:var(--sw-r);overflow:hidden;border-collapse:separate;border-spacing:0}
.primary-content table.table th{background:var(--sw-soft)!important;color:var(--sw-navy)!important;font-family:'Sora';font-weight:600;border:none!important;padding:1rem}
.primary-content table.table td{border-color:var(--sw-border)!important;padding:1rem;vertical-align:middle}
.primary-content table.table-striped tbody tr:nth-of-type(odd){background:#fff}
.primary-content table.table-striped tbody tr:nth-of-type(even){background:var(--sw-bg)}
/* badge "Propriétaire" */
.label-info,.badge-info{background:var(--sw-blue)!important;color:#fff!important;border-radius:30px!important;padding:.25rem .7rem!important;font-weight:600}

/* ===== SKYWARD PATCH 15 : boutons gestion utilisateurs ===== */
.btn-manage-permissions{border-radius:30px!important;border:1.5px solid var(--sw-blue)!important;background:#fff!important;color:var(--sw-blue)!important;font-weight:600;padding:.45rem 1.1rem!important;margin:.2rem .3rem .2rem 0}
.btn-manage-permissions:hover:not(.disabled){background:var(--sw-soft)!important;color:var(--sw-navy)!important}
.btn-remove-user.btn-danger{border-radius:30px!important;background:#d23f3f!important;border:none!important;color:#fff!important;font-weight:600;padding:.45rem 1.1rem!important;margin:.2rem 0}
.btn-remove-user.btn-danger:hover:not(.disabled){filter:brightness(1.07)}
/* boutons désactivés : aspect grisé cohérent */
.btn-manage-permissions.disabled,.btn-remove-user.disabled{opacity:.5;cursor:not-allowed}

/* ===== SKYWARD PATCH 16 : checkout — sous-titres de section propres ===== */
/* les .sub-heading ne sont pas des boutons : titres alignés à gauche */
#frmCheckout .sub-heading,#order-standard_cart .sub-heading{text-align:left!important;margin:2rem 0 1rem!important;border-bottom:2px solid var(--sw-border);padding-bottom:.5rem}
#frmCheckout .sub-heading>span,#frmCheckout .sub-heading .primary-bg-color,
#order-standard_cart .sub-heading>span,#order-standard_cart .sub-heading .primary-bg-color{display:inline-block!important;background:none!important;background-color:transparent!important;color:var(--sw-navy)!important;font-family:'Sora'!important;font-weight:700!important;font-size:1.25rem!important;padding:0 0 0 .9rem!important;border-radius:0!important;border-left:4px solid var(--sw-blue);line-height:1.2}

/* total à payer : encadré soft, lisible */
#frmCheckout #totalDueToday.alert-success{background:var(--sw-soft)!important;border:1px solid var(--sw-border)!important;color:var(--sw-navy)!important;border-radius:14px;font-family:'Sora';font-weight:600}
#frmCheckout #totalCartPrice{color:var(--sw-blue)!important}

/* carte compte sélectionnée */
#order-standard_cart .account-select-container .account{border:1.5px solid var(--sw-border);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem}
#order-standard_cart .account-select-container .account.active{border-color:var(--sw-blue)!important;background:var(--sw-soft)!important}

/* ===== SKYWARD PATCH 17 : bloc paiement PayPal ===== */
/* le radio "PayPal" en haut : centré, propre */
#paymentGatewaysContainer .text-center{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:1rem 0}
#paymentGatewaysContainer label,#paymentGatewaysContainer .radio-inline{font-family:'Sora';font-weight:600;color:var(--sw-navy);font-size:1.05rem}

/* le conteneur du SDK PayPal (boutons natifs en iframe) : cadre soft Skyward */
#paymentGatewayInput,.paypal-ppcpv-container,#ppcpv-smart-buttons,
#paymentGatewayInput>div{border-radius:var(--sw-r)!important}
.paypal-ppcpv-container,#paymentGatewayInput .panel,#paymentGatewayInput .card{border:1px solid var(--sw-border)!important;border-radius:var(--sw-r)!important;box-shadow:var(--sw-sh)!important;padding:1.5rem!important;background:#fff!important}

/* la ligne "Associer un nouveau compte PayPal" : fond soft au lieu du gris terne */
#paymentGatewayInput .selected,#paymentGatewayInput [class*=selected]{background:var(--sw-soft)!important;border-radius:12px!important}

/* texte d'intro du bloc */
#paymentGatewayInput p,#paymentGatewayInput .text-center{color:var(--sw-navy)}

/* ===== SKYWARD PATCH 18 : masque le logo <img> natif en doublon ===== */
/* le logo est déjà affiché via background sur .navbar-brand (ligne 125) */
.sky-bar .navbar-brand img,.sky-bar .navbar-brand .logo-img{display:none!important}

/* ===== SKYWARD PATCH 19 : addons domaine (Gestion DNS, etc.) ===== */
.addon-products .panel-addon{border:1.5px solid var(--sw-border)!important;border-radius:var(--sw-r)!important;box-shadow:var(--sw-sh)!important;overflow:hidden;background:#fff!important;transition:all .15s}
.addon-products .panel-addon:hover{border-color:var(--sw-blue)!important;box-shadow:0 8px 24px rgba(1,5,105,.10)!important}
.addon-products .panel-addon .panel-body{padding:1.1rem 1.3rem!important}
.addon-products .panel-addon .panel-body label{font-family:'Sora'!important;font-weight:600!important;color:var(--sw-navy)!important;font-size:1.02rem;cursor:pointer}
.addon-products .panel-addon .panel-body{color:var(--sw-muted);font-size:.9rem;line-height:1.5}
/* prix : badge propre */
.addon-products .panel-addon .panel-price{background:var(--sw-soft)!important;color:var(--sw-navy)!important;font-family:'Sora';font-weight:600;padding:.7rem 1.3rem!important;border-top:1px solid var(--sw-border)}
/* bouton "Ajouter au panier" : pill gradient Skyward */
.addon-products .panel-addon .panel-add{background:var(--sw-grad)!important;color:#fff!important;font-family:'Sora';font-weight:600;padding:.75rem 1.3rem!important;cursor:pointer;transition:filter .15s;display:flex;align-items:center;gap:.5rem;justify-content:center}
.addon-products .panel-addon .panel-add:hover{filter:brightness(1.08)}
.addon-products .panel-addon .panel-add i{color:#fff!important}
/* état "ajouté" (quand coché) */
.addon-products .panel-addon.panel-addon-selected,.addon-products .panel-addon.selected{border-color:var(--sw-blue)!important;background:var(--sw-soft)!important}

/* ===== SKYWARD PATCH 20 : masque le bloc addons domaine (DNS inclus) ===== */
.addon-products{display:none!important}

/* ============================================================
   SKYWARD — RESPONSIVE (desktop ≥992px JAMAIS touché)
   ============================================================ */
@media (min-width:992px){ .sky-mobile-menu{ display:none!important; } }

@media (max-width:991px){
  .container{ padding-left:1rem; padding-right:1rem; }

  /* ===== HEADER + HAMBURGER ===== */
  #header .sky-bar{ min-height:62px; gap:.5rem; padding:0 1rem; flex-wrap:nowrap; position:relative; }
  .sky-bar .navbar-brand{ width:175px; height:30px; flex:0 0 auto; }
  .sky-bar .sky-bar-right{ margin-left:auto; gap:.35rem; }
  .sky-bar .toolbar{ align-items:center; }
  .sky-bar .toolbar button{ border:1.5px solid var(--sw-border)!important; background:#fff!important; color:var(--sw-navy)!important; border-radius:12px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; font-size:1.15rem; padding:0!important; }
  #header.sky-open .sky-bar .toolbar button{ background:var(--sw-grad)!important; color:#fff!important; border-color:transparent!important; }
  .sky-bar .cart-btn{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; }

  .sky-mobile-menu{ position:absolute; top:100%; left:0; right:0; z-index:999; background:#fff; border-top:1px solid var(--sw-border); box-shadow:0 16px 34px rgba(1,5,105,.16); max-height:0; overflow:hidden; transition:max-height .28s ease; }
  #header.sky-open .sky-mobile-menu{ max-height:78vh; overflow-y:auto; padding:.4rem 1rem .8rem; }
  .sky-mobile-menu #nav, .sky-mobile-menu .navbar-nav{ flex-direction:column!important; align-items:stretch!important; width:100%; margin:0; padding:0; }
  .sky-mobile-menu li{ width:100%; list-style:none; }
  .sky-mobile-menu #nav>li>a, .sky-mobile-menu .navbar-nav>li>a, .sky-mobile-menu .dropdown-toggle{ display:block; padding:.85rem .4rem!important; color:var(--sw-navy)!important; font-family:'Sora'; font-weight:600; border-bottom:1px solid var(--sw-border); white-space:normal; }
  .sky-mobile-menu a:hover{ color:var(--sw-blue)!important; }
  .sky-mobile-menu .dropdown-menu{ position:static!important; float:none!important; display:block!important; border:none!important; box-shadow:none!important; background:transparent!important; margin:0; padding:0 0 0 .9rem; }
  .sky-mobile-menu .dropdown-menu .dropdown-item{ padding:.7rem .4rem!important; border-bottom:1px solid var(--sw-border); color:var(--sw-grey)!important; white-space:normal; }
  .sky-mobile-menu .dropdown-divider{ display:none; }
  .sky-mobile-menu .dropdown-toggle::after{ float:right; margin-top:.55rem; }

  /* ===== TITRES ===== */
  .header-lined h1, h1.font-size-36{ font-size:1.55rem!important; line-height:1.2; }

  /* ===== ACCUEIL : bannière + recherche + tuiles ===== */
  .sky-banner{ padding:2.2rem 1.1rem; border-radius:20px; margin:1rem auto; }
  .sky-banner-title{ font-size:1.7rem!important; margin-bottom:1.2rem; }
  .sky-search-wrap{ flex-direction:column; align-items:stretch; gap:.6rem; border-radius:20px; padding:14px; }
  #sky-domain-input{ width:100%; padding:.7rem .6rem; font-size:1rem; }
  .sky-search-actions{ width:100%; display:flex; gap:.5rem; }
  .sky-search-actions .sky-btn{ flex:1 1 0; padding:.75rem .5rem; text-align:center; }
  .sky-tiles{ gap:.9rem; }
  .sky-tile{ padding:1.4rem .8rem; }
  .sky-tile-icon{ width:52px; height:52px; }

  /* ===== RECHERCHE DE DOMAINE (panier) ===== */
  .domain-checker-bg{ padding:1.3rem 1rem!important; border-radius:18px!important; }
  .domain-checker-bg .input-group-box{ flex-wrap:wrap!important; gap:.5rem!important; padding:10px!important; }
  .domain-checker-bg textarea#message{ flex:1 1 100%!important; min-height:46px!important; max-height:46px!important; font-size:1rem!important; }
  .domain-checker-bg .domain-check-availability{ flex:1 1 100%!important; width:100%!important; margin:0!important; justify-content:center; }
  .domain-price{ flex-direction:column; align-items:stretch; gap:.7rem; }
  .domain-price .btn-add-to-cart{ width:100%; justify-content:center; }
  #searchDomainInfo, #primaryLookupResult{ padding:1.1rem 1rem; }

  /* ===== TABLE PRIX TLD : compacte + lisible ===== */
  .tld-filters{ gap:.4rem; }
  .tld-filters .badge{ padding:.4rem .8rem!important; font-size:.78rem!important; }
  .tld-pricing-header{ font-size:.7rem; padding:.7rem 0!important; }
  .tld-pricing-header .tld-column{ padding-left:.6rem; text-align:left; }
  .tld-row{ padding:.55rem 0; }
  .tld-row .two-row-center{ padding:0 .6rem!important; }
  .tld-row strong{ font-size:.92rem; }
  .tld-row .text-center{ font-size:.82rem; line-height:1.25; }
  .tld-row small{ font-size:.66rem; }

  /* ===== TABLES GÉNÉRIQUES : scroll au lieu de casser ===== */
  .primary-content table.table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

  /* ===== CHECKOUT + ESPACE CLIENT ===== */
  #order-standard_cart .account{ padding:.9rem; }
  #frmCheckout .sub-heading>span, #order-standard_cart .sub-heading>span{ font-size:1.1rem!important; }
  #paymentGatewaysContainer .text-center{ gap:1rem; }
  .tiles .row.no-gutters>[class*=col-]{ padding:.4rem!important; }
  .tiles .tile .stat{ font-size:1.5rem; }

  /* ===== FOOTER ===== */
  .sky-footer{ padding:2rem 1.1rem; }
  .sky-footer-inner{ gap:1rem; }
  .sky-footer-nav{ gap:1rem 1.2rem; }
}

@media (max-width:420px){
  .sky-tiles{ grid-template-columns:1fr; }
  .sky-banner-title{ font-size:1.5rem!important; }
}

/* ===== SKYWARD RESPONSIVE — FIX 2 (mobile ≤991px, desktop intact) ===== */
@media (max-width:991px){
  /* 1) FOOTER toujours en bas, jamais au milieu (forcé dernier dans le flux flex) */
  body.primary-bg-color > .sky-footer{order:999!important;margin-top:0!important}

  /* 2) MENU MOBILE : sous-menus dépliés SANS chevauchement
        (on tue le transform/absolute inline de Bootstrap+Popper) */
  .sky-mobile-menu .dropdown-menu{
    position:static!important;transform:none!important;
    inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    float:none!important;display:block!important;width:100%!important;
    border:none!important;box-shadow:none!important;background:transparent!important;
    margin:0!important;padding:0 0 0 .9rem!important;will-change:auto!important}
  .sky-mobile-menu .dropdown,.sky-mobile-menu .dropdown-toggle{position:static!important}
  .sky-mobile-menu li,.sky-mobile-menu .dropdown-item{position:static!important;float:none!important;transform:none!important;display:block!important;width:100%!important}

  /* 3) DOMAINES SUGGÉRÉS : nom en ligne 1, prix+bouton en ligne 2, rien ne déborde */
  .suggested-domains .domain-suggestion.list-group-item{flex-wrap:wrap!important;align-items:center!important;gap:.35rem .5rem!important;padding:.85rem 1rem!important}
  .domain-suggestion .domain{word-break:break-word}
  .domain-suggestion .domain,.domain-suggestion .extension,.domain-suggestion .promo{flex:0 0 auto!important}
  .domain-suggestion .actions{flex:1 1 100%!important;justify-content:space-between!important;align-items:center!important;gap:.6rem!important;margin-top:.15rem}
  .domain-suggestion .actions .btn-add-to-cart,.domain-suggestion .actions .domain-contact-support{flex:0 1 auto!important;min-width:0!important;padding:.55rem 1rem!important;font-size:.85rem!important;white-space:nowrap}

  /* 4) RÉSULTAT PRINCIPAL + BARRE DE RECHERCHE : alignement carré */
  #primaryLookupResult .domain-price{flex-direction:column!important;align-items:stretch!important;gap:.7rem!important}
  #primaryLookupResult .domain-price .btn-add-to-cart{width:100%!important;justify-content:center!important}
  .domain-checker-bg .input-group-box{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:.55rem!important}
  .domain-checker-bg textarea#message{width:100%!important;flex:0 0 auto!important}
  .domain-checker-bg .domain-check-availability{width:100%!important;flex:0 0 auto!important;margin:0!important}
}

/* ===== SKYWARD RESPONSIVE — FIX 3 (mobile ≤991px, desktop intact) ===== */
@media (min-width:992px){ .sky-mobile-menu{display:none!important} }
@media (max-width:991px){
  /* 1) MENU : fermé par défaut (anti "bloqué ouvert"), ouvert SEULEMENT avec .sky-open */
  .sky-mobile-menu{display:none!important;position:absolute;top:100%;left:0;right:0;z-index:999;background:#fff;border-top:1px solid var(--sw-border);box-shadow:0 16px 34px rgba(1,5,105,.16);max-height:80vh;overflow-y:auto;padding:.4rem 1rem .8rem}
  #header.sky-open .sky-mobile-menu{display:block!important}

  /* 2) INPUT RECHERCHE : pleine largeur + bouton dessous (via #frmDomainChecker, gagne sur tout) */
  #frmDomainChecker .input-group-box{display:block!important}
  #frmDomainChecker textarea#message{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:54px!important;max-height:54px!important;margin:0 0 .6rem 0!important;padding:.7rem .9rem!important;font-size:1rem!important;white-space:normal!important}
  #frmDomainChecker .domain-check-availability{display:block!important;width:100%!important;margin:0!important;float:none!important;justify-content:center}

  /* 3) FOOTER HOME : on ordonne explicitement les blocs → footer forcé en dernier */
  body.primary-bg-color>#main-body,
  body.primary-bg-color>.sky-banner,
  body.primary-bg-color>.sky-tiles-section,
  body.primary-bg-color>.sky-why{order:1!important}
  body.primary-bg-color>.sky-footer{order:9!important;margin-top:auto!important}
}