/* ===== Eikah Odoo-page skin (injected by nginx for eikah.com ONLY).
   Shared DB with WalyMart/Khaled Pastry, so this MUST NOT be an Odoo ir.asset. =====
   Teal + honey + cream to match the storefront homepage. */
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700,800|Tajawal:400,500,700&display=swap');

:root{
  --ek-teal:#0E7C7B; --ek-teal-deep:#0A5F5E; --ek-honey:#E0A33A; --ek-honey-deep:#C9882A;
  --ek-cream:#FBF7F0; --ek-ink:#1C2B2B; --ek-line:#E4DDCF;
}

#wrapwrap, #wrapwrap p, #wrapwrap span, #wrapwrap a, #wrapwrap li, #wrapwrap .btn,
#wrapwrap input, #wrapwrap select, #wrapwrap textarea, #wrapwrap label,
#wrapwrap h1, #wrapwrap h2, #wrapwrap h3, #wrapwrap h4{ font-family:'Tajawal','Cairo',sans-serif; }
#wrapwrap h1, #wrapwrap h2, #wrapwrap h3{ font-family:'Cairo','Tajawal',sans-serif; font-weight:800; color:var(--ek-ink); }

/* pre-header / top bar */
.tp-preheader, .tp-preheader.o_cc{ background:var(--ek-teal-deep)!important; color:#EAF5F4!important; }
.tp-preheader a, .tp-preheader span, .tp-preheader i{ color:#EAF5F4!important; }

/* header / navbar */
#top .o_header_standard .navbar, #top.o_header_standard .navbar, #top .navbar.navbar-light, #top .tp-main-header{
  background:var(--ek-cream)!important; border-bottom:1px solid var(--ek-line)!important; box-shadow:0 2px 18px rgba(28,43,43,.05);
}
#top .navbar-brand.logo img, #top .navbar-brand img{ height:54px!important; width:auto!important; }
#top .navbar .nav-link, #top .navbar .nav-item>a, #top .tp-menu .nav-link{ color:var(--ek-ink)!important; font-weight:700!important; }
#top .navbar .nav-link:hover, #top .navbar .nav-item>a:hover, #top .navbar .nav-item.active>a{ color:var(--ek-teal)!important; }
#top .tp-action-btn-icon, #top .tp-account-info, #top .o_wsale_frontend_user_menu i{ color:var(--ek-ink)!important; }
#top .tp-action-btn:hover .tp-action-btn-icon{ color:var(--ek-teal)!important; }

/* buttons (honey pills) */
#wrapwrap .btn-primary, #wrapwrap .btn-secondary, #wrapwrap .btn.a-submit,
#wrapwrap .o_wsale_product_btn .btn, #wrapwrap .btn-primary-soft{
  background:var(--ek-honey)!important; border-color:var(--ek-honey)!important; color:#3a2a06!important;
  font-weight:700; border-radius:999px!important;
}
#wrapwrap .btn-primary:hover, #wrapwrap .o_wsale_product_btn .btn:hover, #wrapwrap .btn.a-submit:hover{
  background:var(--ek-honey-deep)!important; border-color:var(--ek-honey-deep)!important; color:#3a2a06!important;
}
#wrapwrap .btn-outline-primary{ color:var(--ek-teal-deep)!important; border-color:var(--ek-teal)!important; border-radius:999px!important; }
#wrapwrap .btn-outline-primary:hover{ background:var(--ek-teal)!important; color:#fff!important; }
#wrapwrap a{ color:var(--ek-teal); }
#wrapwrap a:hover{ color:var(--ek-teal-deep); }

/* shop product cards */
.oe_website_sale .card.oe_product_cart{ background:#fff!important; border:1px solid var(--ek-line)!important; border-radius:16px!important; overflow:hidden; transition:box-shadow .3s,transform .3s; }
.oe_website_sale .card.oe_product_cart:hover{ box-shadow:0 18px 44px rgba(14,124,123,.14)!important; transform:translateY(-4px); }
.oe_website_sale .o_wsale_products_item_title a, .oe_website_sale a.tp-link-dark{ color:var(--ek-ink)!important; font-weight:600; }
.oe_website_sale .product_price, .oe_website_sale .product_price .oe_currency_value, .oe_website_sale .product_price span{ color:var(--ek-teal-deep)!important; font-weight:800; }
.oe_website_sale .o_wsale_product_information{ padding:1rem!important; }

/* login card */
.oe_login_form{ max-width:420px; margin:3rem auto; padding:2.25rem 2rem; background:#fff; border:1px solid var(--ek-line); border-radius:18px; box-shadow:0 18px 50px rgba(28,43,43,.10); }
.oe_login_form .form-control{ border-radius:10px; border-color:var(--ek-line); }
.oe_login_form .form-control:focus{ border-color:var(--ek-teal); box-shadow:0 0 0 .2rem rgba(14,124,123,.15); }

/* portal */
.o_portal_wrap, .o_portal{ background:var(--ek-cream)!important; }
.o_portal_wrap .card{ border:1px solid var(--ek-line)!important; border-radius:16px!important; background:#fff!important; }
.o_portal_wrap .card-header{ background:#fff!important; border-bottom:1px solid var(--ek-line)!important; }
.o_portal_wrap .btn{ border-radius:999px; }

/* footer */
#bottom.o_footer, .o_footer{ background:var(--ek-ink)!important; color:#C9D2D0!important; }
#bottom.o_footer h1,#bottom.o_footer h2,#bottom.o_footer h3,#bottom.o_footer h4,#bottom.o_footer h5{ color:#fff!important; }
#bottom.o_footer a, #bottom.o_footer p, #bottom.o_footer span, #bottom.o_footer li{ color:#C9D2D0!important; }
#bottom.o_footer a:hover{ color:var(--ek-honey)!important; }
.o_footer_copyright, #bottom .o_footer_copyright{ background:#142020!important; color:#8FA09E!important; }

/* hide leftover chrome */
a[href*="odoo.com"], .o_not_editable a[href*="odoo.com"]{ display:none!important; }
#websiteProductAvailabilityModal, .productNotFoundInStore, #uomOnAjaxAddToCartModal, .productUomNotFound{ display:none!important; }

/* hide Odoo "Powered by" promo */
.o_brand_promotion, .o_footer_copyright .o_brand_promotion{ display:none!important; }

/* ============================================================
   Header stability — stop the left/right jump on every Odoo page
   load and keep the top header fixed while the content scrolls.
   ============================================================ */
/* 1) Always reserve the scrollbar gutter so the page width never changes
      between a short page (no scrollbar) and a long one (scrollbar) — that
      width change is what shifts the centered header left/right on navigation. */
html{ overflow-y:scroll!important; }
@supports (scrollbar-gutter: stable){ html{ scrollbar-gutter:stable; overflow-y:auto!important; } }

/* 2) Make the whole header sticky so it stays put while only the body scrolls. */
#top, #top.o_header_standard{ position:sticky!important; top:0; z-index:1031; }
#wrapwrap{ overflow-x:hidden; }

/* 3) Kill the menu-loading flash/reflow: the items are already in the HTML,
      so show them immediately and reserve their row height so nothing jumps. */
#top .navbar-nav.o_menu_loading{ opacity:1!important; }
#top .navbar{ min-height:74px; }
#top .navbar-collapse{ flex-wrap:nowrap; }

/* 4) De-clutter: hide the theme's English "Login" dropdown item (Arabic
      تسجيل الدخول stays on the right). */
#top .dropdown-item[href="/web/login"]{ display:none!important; }