/* homline-base.css — base commune FTradition (B2B .com / B2C .click) — La Homline 2026-09-19 */
/* Édité une fois, déployé sur les 2 sites. Overrides (accent + spécifs) dans Additional CSS de chaque site. */
:root{
  --homline-radius: 8px;
  --homline-ink: #1b2430;
  --homline-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --homline-success: #1f7a4d;
  --homline-error: #c0392b;
  --homline-gold: #d4a843;
  --homline-gold-tint: rgba(212,168,67,0.12);
  --homline-text: #3c4552;
  --homline-text-dim: #7a8592;
  --homline-line: #e6e9ed;
}
h1,h2,h3,h4,h5,h6,.page-title,.woocommerce-loop-product__title,.woocommerce-products-header__title,.elementor-heading-title{font-family:var(--homline-font);font-weight:700;font-style:normal}
.oceanwp-toolbar .oceanwp-grid-list,.oceanwp-toolbar .woocommerce-ordering{display:flex !important;align-items:center !important;margin:0 !important}
.oceanwp-toolbar .woocommerce-ordering select.orderby{opacity:0 !important;height:42px !important}
.oceanwp-toolbar .theme-selectInner{display:flex !important;align-items:center !important;height:100% !important;color:#333 !important;font-weight:500 !important}
ul.result-count{display:flex !important;align-items:center !important;gap:5px !important;margin:0 !important;padding:0 !important;list-style:none !important}
ul.result-count li.view-title{color:#666 !important;font-weight:600 !important;margin-right:8px !important}
ul.result-count li a{color:#999 !important;padding:6px 12px !important;border-radius:var(--homline-radius) !important;font-weight:500 !important;text-decoration:none !important;transition:all 0.3s ease !important}
.woocommerce-account{--homline-account-header:48px}
.woocommerce-MyAccount-navigation ul{list-style:none !important;margin:0 !important;padding:0 !important;border:none !important}
.woocommerce-MyAccount-navigation ul li{border:none !important;margin:0 0 2px 0 !important;padding:0 !important}
.woocommerce-MyAccount-navigation ul li a{display:flex !important;align-items:center;justify-content:flex-start;gap:10px;padding:11px 12px !important;text-align:left;border-radius:var(--homline-radius);border:none !important;font-weight:500;font-size:15px;line-height:1.25;color:var(--homline-text) !important;text-decoration:none !important;transition:background-color 0.2s ease,color 0.2s ease}
.woocommerce-MyAccount-navigation ul li a:hover{background-color:var(--homline-accent-tint);color:var(--homline-accent) !important}
.woocommerce-MyAccount-navigation ul li.is-active a{background-color:var(--homline-accent-tint);color:var(--homline-accent) !important;font-weight:600;box-shadow:inset 3px 0 0 var(--homline-accent)}
.woocommerce-MyAccount-navigation ul li a i,.woocommerce-MyAccount-navigation ul li a svg,.woocommerce-MyAccount-navigation ul li a::before{color:currentColor !important;fill:currentColor !important;opacity:0.55;flex:0 0 auto}
.woocommerce-MyAccount-navigation ul li a:hover i,.woocommerce-MyAccount-navigation ul li.is-active a i{opacity:1}
.oceanwp-user-profile{display:flex;align-items:center;gap:12px;min-height:var(--homline-account-header);padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--homline-line)}
.oceanwp-user-profile .image{flex:0 0 auto;width:var(--homline-account-header);margin:0 !important;padding:0 !important}
.woocommerce-MyAccount-tabs .oceanwp-user-profile .image img.avatar{display:block;width:var(--homline-account-header);height:var(--homline-account-header);border-radius:50%}
.oceanwp-user-profile .user-info{flex:1 1 auto;min-width:0}
.woocommerce-MyAccount-tabs .oceanwp-user-profile .user-info .name{margin:0 0 2px 0 !important;font-size:14px;font-weight:700;line-height:1.3;color:var(--homline-ink);overflow-wrap:break-word}
.oceanwp-user-profile .user-info .logout{font-size:13px;font-weight:600;color:var(--homline-text-dim) !important;text-decoration:none !important}
.oceanwp-user-profile .user-info .logout:hover{color:var(--homline-accent) !important}
.homline-account-dashboard .woocommerce-MyAccount-content >p:not([class]){display:none}
.homline-account-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:var(--homline-account-header);padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--homline-line)}
.homline-account-hello__text{margin:0 !important;font-size:18px;color:var(--homline-ink)}
.homline-account-hello__logout{font-size:14px;font-weight:600;color:var(--homline-text-dim) !important;text-decoration:none !important}
.homline-account-hello__logout:hover{color:var(--homline-accent) !important}
.homline-account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 34px 0}
.homline-account-card{display:block;padding:16px;background:#fff;border:1px solid var(--homline-line);border-radius:var(--homline-radius);text-decoration:none !important;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}
.homline-account-card:hover{border-color:var(--homline-accent);box-shadow:0 6px 18px rgba(27,36,48,0.07);transform:translateY(-2px)}
.homline-account-card__title{display:block;font-size:15px;font-weight:700;color:var(--homline-ink)}
.homline-account-card__desc{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--homline-text-dim)}
.woocommerce-MyAccount-content h2.homline-account-section-title{margin:0 0 12px 0;font-size:16px;font-weight:700;line-height:1.3;color:var(--homline-ink)}
.homline-account-orders{width:100%;border-collapse:collapse}
.homline-account-orders th{padding:0 12px 8px 0;border-bottom:1px solid var(--homline-line);font-size:12px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--homline-text-dim)}
.homline-account-orders td{padding:12px 12px 12px 0;border-bottom:1px solid var(--homline-line);font-size:14px;color:var(--homline-text);vertical-align:middle}
.homline-account-orders tr:last-child td{border-bottom:none}
.homline-account-orders a{color:var(--homline-accent) !important;font-weight:600;text-decoration:none !important}
.homline-account-orders__action{text-align:right}
.homline-order-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--homline-accent-tint);color:var(--homline-accent)}
.homline-order-status--warn{background:var(--homline-gold-tint);color:#8a6a17}
.homline-order-status--alert{background:rgba(192,57,43,0.10);color:var(--homline-error)}
.homline-account-empty,.homline-account-more{margin:14px 0 0 0;font-size:14px;color:var(--homline-text-dim)}
.homline-account-more a,.homline-account-empty a{color:var(--homline-accent) !important;font-weight:600;text-decoration:none !important}
.woocommerce-Address .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.woocommerce-Address .woocommerce-Address-title h3{margin:0;min-width:0}
.woocommerce-Address .woocommerce-Address-title .edit{position:static !important;flex:0 0 auto;font-size:14px;font-weight:600;color:var(--homline-accent) !important;text-decoration:none !important}
@media (max-width:600px){.homline-account-orders__date{display:none}.homline-account-cards{grid-template-columns:1fr 1fr}}
.woocommerce ul.products li.product li.title,.woocommerce ul.products li.product li.title a,.woocommerce ul.products li.product .woocommerce-loop-product__title{display:block;min-height:2.7em;line-height:1.35;font-size:15px !important;font-weight:700 !important;color:var(--homline-ink) !important}
.wc-block-grid.has-1-columns .wc-block-grid__products{grid-template-columns:minmax(0,1fr)}
.wc-block-grid.has-2-columns .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-block-grid.has-3-columns .wc-block-grid__products{grid-template-columns:repeat(3,minmax(0,1fr))}
.wc-block-grid.has-4-columns .wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,1fr))}
.wc-block-grid.has-5-columns .wc-block-grid__products{grid-template-columns:repeat(5,minmax(0,1fr))}
.wc-block-grid__products .wc-block-grid__product >*{width:100% !important;max-width:100% !important;float:none !important}
@media (max-width:960px){.wc-block-grid.has-4-columns .wc-block-grid__products,.wc-block-grid.has-5-columns .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wc-block-grid[class*="has-"] .wc-block-grid__products{grid-template-columns:minmax(0,1fr)}}
.wc-block-grid__product-image img{width:100% !important;aspect-ratio:1 / 1;object-fit:contain !important;margin-bottom:10px}
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.wp-block-woocommerce-cart .wc-block-components-button,.wp-block-woocommerce-checkout .wc-block-components-button{background-color:var(--homline-accent) !important;color:#fff !important;border-radius:var(--homline-radius) !important}
.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover,.wp-block-woocommerce-cart .wc-block-components-button:hover,.wp-block-woocommerce-checkout .wc-block-components-button:hover{background-color:var(--homline-accent-dark) !important}

/* ============================================================
   AJOUTS SESSION (consolidés 2026-09-19) — La Homline
   Menu mobile, header, sticky, recherche, icônes
   ============================================================ */

/* --- Menu mobile (sidr) : panneau + fermeture --- */
.oceanwp-sidr-overlay{z-index:100040 !important;pointer-events:auto !important}
#sidr{z-index:100050 !important;background-color:#fff !important}
#sidr .sidr-class-dropdown-menu li a,#sidr ul li a{font-weight:500 !important;font-size:15px !important;color:#333 !important;padding:14px 18px !important;border-bottom:1px solid #f0f1f3 !important;text-decoration:none !important;transition:background-color .2s ease,color .2s ease}
#sidr .sidr-class-dropdown-menu li a:hover,#sidr ul li a:hover{background-color:var(--homline-accent-tint) !important;color:var(--homline-accent) !important}
#sidr li[class*="current"] >a{background-color:var(--homline-accent-tint) !important;color:var(--homline-accent) !important;font-weight:600 !important}
#sidr ul li ul li a{padding-left:34px !important;font-size:14.5px !important}
#sidr .sidr-class-toggle-sidr-close{display:none !important} /* close retiré : fermeture par choix de catégorie / overlay / Échap */
#sidr [class*="homline-account-item"],#sidr [class*="woo-menu-icon"],#sidr [class*="search-toggle-li"]{display:none !important} /* doublons masqués (déjà dans le header mobile) */

/* --- Icônes header mobile : compte (custom) + panier natif OceanWP --- */
.oceanwp-mobile-menu-icon a.mobile-menu{display:inline-flex !important;align-items:center;vertical-align:middle;color:var(--homline-ink) !important;font-weight:600}
.oceanwp-mobile-menu-icon a.mobile-menu:hover{color:var(--homline-accent) !important}
.oceanwp-mobile-menu-icon .homline-mobile-tools{display:inline-flex;align-items:center;justify-content:center;gap:26px;margin-right:16px;vertical-align:middle;line-height:0}
.oceanwp-mobile-menu-icon .homline-mtool{position:relative;display:inline-flex;align-items:center;justify-content:center;height:26px;color:var(--homline-ink);transition:color .15s ease}
.oceanwp-mobile-menu-icon .homline-mtool:hover{color:var(--homline-accent)}
.oceanwp-mobile-menu-icon .homline-mtool svg{display:block;width:23px;height:23px}
.oceanwp-mobile-menu-icon .homline-mtool-cart{display:none !important} /* panier custom masqué : on garde le panier natif (compteur) */
.homline-cart-count{position:absolute;top:-9px;right:-11px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--homline-accent);color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center;box-sizing:border-box}
.homline-cart-count.is-empty{display:none}

/* --- Menu catégories desktop (MAJUSCULES + style minimal) --- */
#site-navigation-wrap .main-menu li a.menu-link{text-transform:uppercase !important;letter-spacing:.03em;color:#333;font-weight:600 !important;font-style:normal !important;transition:color .2s ease}
#site-navigation-wrap .main-menu li:hover >a.menu-link{color:var(--homline-accent)}
#site-navigation-wrap .main-menu li.current-menu-item >a.menu-link,#site-navigation-wrap .main-menu li.current_page_item >a.menu-link{color:var(--homline-accent) !important}
.homline-account-item .homline-acc-svg{width:18px;height:18px;vertical-align:middle;margin-right:6px;position:relative;top:-1px}

/* --- Barre menu collante (sticky custom) --- */
#site-header .bottom-header-wrap.homline-stuck{position:fixed;top:0;left:0;right:0;width:100%;z-index:999;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);animation:homlineSlideDown .25s ease}
@keyframes homlineSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
body.admin-bar #site-header .bottom-header-wrap.homline-stuck{top:32px}
@media (max-width:782px){body.admin-bar #site-header .bottom-header-wrap.homline-stuck{top:46px}}

/* --- Recherche : loupe dans le champ --- */
.header-searchform{position:relative;display:flex;align-items:center}
.header-searchform input[type=search]{padding-right:46px}
.header-searchform .search-submit{position:absolute;top:0;right:0;height:100%;width:46px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:0;box-shadow:none;cursor:pointer;line-height:0}
.header-searchform .search-submit i,.header-searchform .search-submit .icon-magnifier{display:block;line-height:1;margin:0}
form[aria-label="Search this website"] .search-submit,form[aria-label="Search this website"] .searchform-submit{display:none !important}
form[aria-label="Search this website"] input[type=search],form[aria-label="Search this website"] .field{padding-left:44px !important;padding-right:14px !important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%237a8592" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/></svg>') !important;background-repeat:no-repeat !important;background-position:14px center !important;background-size:18px 18px !important}