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

:root{
  --navy:#010569; --blue:#0234D3; --grey:#242F51; --bg:#eef1f8;
  --color-primary-background:#0234D3; --color-primary-background-gradient-top:#0234D3;
  --color-primary-background-gradient-bottom:#010569; --color-primary-background-border:#010569;
  --color-primary-foreground:#fff; --color-link:#0234D3; --color-link-hover:#010569;
}

/* ---------- BASE ---------- */
body, body.primary-bg-color{ background:var(--bg) !important; color:var(--grey); font-family:'Rubik',system-ui,sans-serif; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{ font-family:'Sora',sans-serif !important; font-weight:700; color:var(--navy); letter-spacing:-.015em; }
a{ color:var(--blue); } a:hover{ color:var(--navy); }
.container{ max-width:1180px; }

/* ---------- HEADER PILL FLOTTANTE ---------- */
header#header.header{
  background:#fff !important; max-width:1180px; margin:22px auto 8px;
  border-radius:42px; box-shadow:0 14px 44px rgba(16,24,64,.10);
  padding:4px 30px; position:relative; z-index:20;
}
header#header .navbar{ background:transparent !important; border:none !important; padding:.45rem 0; }
header#header .main-navbar-wrapper{ border-top:1px solid #f0f2f9; padding-top:.2rem; }
#nav .nav-item>a, .navbar a{ color:var(--navy) !important; font-weight:600; }
#nav .nav-item>a:hover{ color:var(--blue) !important; }
header .form-inline .input-group.search, .d-xl-none .input-group.search{ display:none !important; }
.cart-btn{ color:var(--navy) !important; } .cart-btn .badge{ background:var(--blue) !important; }

/* ---------- LOGO ---------- */
.navbar-brand{
  display:inline-block; width:210px; height:50px;
  text-indent:-9999px; overflow:hidden; white-space:nowrap;
  background:url('/assets/img/skyward-logo.png') no-repeat left center !important;
  background-size:contain !important;
}

/* ---------- BREADCRUMB ---------- */
.master-breadcrumb{ background:transparent !important; }
.master-breadcrumb .breadcrumb-item, .master-breadcrumb a{ color:#9098bd !important; font-size:.85rem; }

/* ---------- BOUTONS ---------- */
.btn{ border-radius:30px !important; font-family:'Sora',sans-serif; font-weight:600; padding:.55rem 1.5rem; }
.btn-primary,.btn-add-to-cart,.btn-checkout,.btn-success{ background:var(--blue) !important; border-color:var(--blue) !important; color:#fff !important; box-shadow:0 6px 18px rgba(2,52,211,.22); }
.btn-primary:hover,.btn-add-to-cart:hover,.btn-checkout:hover,.btn-success:hover{ background:var(--navy) !important; border-color:var(--navy) !important; }
.btn-default{ background:#fff !important; border:1px solid #d8dcec !important; color:var(--grey) !important; }
.btn-outline-primary{ border:1.5px solid var(--blue) !important; color:var(--blue) !important; }
.btn-outline-primary:hover{ background:var(--blue) !important; color:#fff !important; }
.btn-warning{ background:var(--blue) !important; border-color:var(--blue) !important; color:#fff !important; }
.btn-link{ color:var(--blue) !important; }

/* ---------- CARTES ---------- */
.card, .panel.card{ border:1px solid #eaedf7 !important; border-radius:18px !important; box-shadow:0 8px 30px rgba(16,24,64,.05); overflow:hidden; }
.card-header, .panel-heading.card-header{ background:#fff !important; border-bottom:1px solid #f0f2f9 !important; }
.card-title, .panel-title{ color:var(--navy) !important; font-family:'Sora',sans-serif; }
.list-group-item-action{ color:var(--grey) !important; border:none !important; }
.list-group-item-action:hover{ background:#f3f5fd !important; }
.list-group-item.active, .list-group-item-action.active{ background:var(--blue) !important; border-color:var(--blue) !important; color:#fff !important; }

/* ---------- HERO RECHERCHE ---------- */
.home-domain-search, .home-domain-search.bg-white{ background:linear-gradient(135deg,var(--navy),var(--blue)) !important; border-radius:24px; max-width:1140px; margin:24px auto; }
.home-domain-search h2{ color:#fff !important; }
.domain-checker-bg{ background:linear-gradient(135deg,var(--navy),var(--blue)) !important; background-image:linear-gradient(135deg,var(--navy),var(--blue)) !important; border-radius:24px !important; padding:46px 24px !important; box-shadow:0 18px 50px rgba(2,52,211,.20); }
.advanced-input, .input-group-box{ background:#fff; border-radius:16px !important; box-shadow:0 12px 40px rgba(0,0,0,.18); overflow:hidden; }
#message{ font-family:'Rubik',sans-serif; border:none !important; }
.home-domain-search label, .domain-checker-bg label{ color:#fff !important; }
#btnTransfer,#btnTransfer2{ background:#fff !important; color:var(--navy) !important; border:none !important; }

/* ---------- TABLEAU PRIX ---------- */
.domain-pricing h4{ color:var(--navy); }
.tld-filters .badge{ border-radius:30px; padding:.5em 1em; background:#e7eaf6 !important; color:var(--grey) !important; font-weight:600; margin:2px; }
.tld-filters .badge.badge-success{ background:var(--blue) !important; color:#fff !important; }
.tld-pricing-header{ background:var(--navy) !important; color:#fff !important; border-radius:12px 12px 0 0; padding:14px 0; }
.tld-pricing-header div{ color:#fff !important; }
.tld-row{ border-bottom:1px solid #eef0f7; padding:10px 0; }
.tld-row.highlighted{ background:#f7f9ff !important; }
.tld-row strong{ color:var(--navy); font-family:'Sora',sans-serif; }
.domain-promo-box{ background:#fff !important; border:1px solid #eaedf7; border-radius:16px; padding:24px; box-shadow:0 8px 30px rgba(16,24,64,.05); }
.domain-promo-box i{ color:var(--blue) !important; }
.domain-promo-box .text-warning, .domain-promo-box .text-primary{ color:var(--blue) !important; }

/* ---------- PANIER / RESUME ---------- */
.view-cart-items-header{ background:var(--navy) !important; color:#fff !important; border-radius:12px 12px 0 0; }
.order-summary{ background:#fff !important; border:1px solid #eaedf7; border-radius:18px; box-shadow:0 8px 30px rgba(16,24,64,.06); padding:0 0 18px; overflow:hidden; }
.order-summary h2{ background:var(--navy) !important; color:#fff !important; margin:0; padding:18px 22px; font-family:'Sora',sans-serif; }
.summary-container{ padding:16px 22px; }
.total-due-today .amt{ color:var(--navy) !important; }
.view-cart-tabs .nav-link.active{ color:var(--blue) !important; border-color:var(--blue) !important; }

/* ---------- HOME : virer blocs parasites (annonces, KB, etc.) ---------- */
.card-accent-teal, .card-accent-pomegranate, .card-accent-sun-flower, .card-accent-asbestos, .card-accent-green{ display:none !important; }

/* ---------- FORMS ---------- */
.form-control, .custom-select, .field{ border-radius:10px; border:1px solid #d8dcec; }
.form-control:focus{ border-color:var(--blue); box-shadow:0 0 0 .2rem rgba(2,52,211,.15); }
.input-group-text{ background:#f3f5fd; border:1px solid #d8dcec; color:var(--navy); }

/* ---------- FOOTER ---------- */
footer#footer{ background:var(--navy) !important; color:#cfd6ff; margin-top:40px; padding:32px 0; }
footer#footer .nav-link, footer#footer .copyright, footer#footer .btn{ color:#cfd6ff !important; }
footer#footer .nav-link:hover{ color:#fff !important; }

/* ---- RAFFINEMENTS ---- */
/* header pill plus compacte */
header#header.header{ padding:2px 34px !important; margin:20px auto 6px !important; }
.navbar-brand{ width:200px !important; height:46px !important; }

/* hero un peu moins haut */
.home-domain-search .p-5{ padding:2.4rem 2rem !important; }

/* home: retirer le titre orphelin "Comment pouvons-nous vous aider ?" */
.card-columns.home + h2{ display:none !important; }

/* footer: retirer le lien Nous contacter, centrer */
footer#footer .nav{ display:none !important; }
footer#footer{ text-align:center !important; }

/* ESPACE CLIENT : cartes propres + accents Skyward */
#main-body .card .card-header h3, #main-body .card-title{ font-family:'Sora',sans-serif !important; color:var(--navy) !important; }
.card-accent-midnight-blue{ border-top:3px solid var(--blue) !important; border-radius:14px !important; }
.card-accent-midnight-blue:hover{ box-shadow:0 10px 30px rgba(2,52,211,.12) !important; }
.card-accent-midnight-blue .ico-container i{ color:var(--blue) !important; }
.sidebar-menu-item-icon{ color:var(--blue) !important; }