/* Umrah Guiden – design system (color theme + typography). Enqueued via Novamira sandbox. */
:root{
  --ug-deep-navy:#001328; --ug-sky-blue:#269BF8; --ug-sacred-gold:#D4AF37;
  --ug-surface:#f5faf8; --ug-surface-mint:#ECF1EF; --ug-surface-container:#eaefed;
  --ug-surface-container-low:#f0f5f3; --ug-on-surface:#171d1c; --ug-on-surface-variant:#44474d;
  --ug-text-main:#434549; --ug-sale-red:#E63946; --ug-white:#ffffff;
  --ug-shadow:0 2px 10px rgba(0,19,40,.06); --ug-radius:.75rem;
}
body.fusion-body{ background-color:var(--ug-surface); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--ug-text-main); }
body.fusion-body p, body.fusion-body li, body.fusion-body .post-content{ font-family:'Inter',-apple-system,sans-serif; }
h1,h2,h3,h4,h5,h6,.fusion-title-heading,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.product-title{ font-family:'Red Hat Display','Inter',sans-serif; color:var(--ug-deep-navy); }
a{ color:var(--ug-sky-blue); }
a:hover{ color:var(--ug-deep-navy); }

/* Buttons */
.fusion-button.button-default,.woocommerce a.button,.woocommerce button.button,.woocommerce .button,a.add_to_cart_button,button.single_add_to_cart_button{
  background-color:var(--ug-deep-navy); color:var(--ug-white); border-color:var(--ug-deep-navy); border-radius:.5rem;
}
.fusion-button.button-default:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,a.add_to_cart_button:hover,button.single_add_to_cart_button:hover{
  background-color:var(--ug-sky-blue); color:var(--ug-white); border-color:var(--ug-sky-blue);
}

/* Product cards (gentle polish; no overflow clipping so Avada rollovers stay intact) */
.woocommerce ul.products li.product{
  background:var(--ug-white); border:1px solid rgba(0,19,40,.06); border-radius:var(--ug-radius);
  box-shadow:var(--ug-shadow); padding-bottom:1rem; transition:transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{ transform:translateY(-4px); box-shadow:0 10px 28px rgba(0,19,40,.12); }
.woocommerce ul.products li.product .product-title,.woocommerce ul.products li.product h3,.woocommerce ul.products li.product h2{
  font-family:'Red Hat Display',sans-serif; color:var(--ug-deep-navy); font-weight:700; padding-left:1rem; padding-right:1rem;
}
.woocommerce ul.products li.product .price{ color:var(--ug-deep-navy); font-weight:700; padding-left:1rem; padding-right:1rem; }
.woocommerce ul.products li.product .price del,.woocommerce ul.products li.product .price del .amount{ color:var(--ug-on-surface-variant); font-weight:400; }
.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price ins .amount{ color:var(--ug-sale-red); text-decoration:none; font-weight:800; }
.woocommerce span.onsale{ background:var(--ug-sacred-gold); color:var(--ug-deep-navy); border-radius:9999px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }

/* Article / blog reading experience */
.single-post .post-content,.single article .post-content{ font-family:'Inter',sans-serif; font-size:18px; line-height:1.75; color:var(--ug-text-main); }
.single-post .post-content > p:first-of-type{ font-size:20px; line-height:1.65; color:var(--ug-deep-navy); font-weight:500; }
.single-post .post-content h2{ font-size:26px; margin-top:2.2rem; margin-bottom:.6rem; }
.single-post .post-content h3{ font-size:20px; margin-top:1.6rem; margin-bottom:.4rem; }
.single-post .post-content a{ color:var(--ug-sky-blue); }
.single-post .post-content ul{ list-style:none; padding-left:0; }
.single-post .post-content ul li{ position:relative; padding-left:1.9rem; margin-bottom:.55rem; }
.single-post .post-content ul li::before{ content:'\2713'; position:absolute; left:0; top:0; color:var(--ug-sky-blue); font-weight:800; }
.single-post .post-content ol{ padding-left:1.3rem; }
.single-post .post-content blockquote{ border-left:4px solid var(--ug-sacred-gold); background:rgba(236,241,239,.55); padding:1rem 1.25rem; border-radius:0 .5rem .5rem 0; font-style:italic; color:var(--ug-deep-navy); margin:1.5rem 0; }
.single-post .post-content table{ border-collapse:separate; border-spacing:0; width:100%; border-radius:var(--ug-radius); overflow:hidden; box-shadow:var(--ug-shadow); border:1px solid rgba(0,19,40,.06); margin:1.5rem 0; }
.single-post .post-content table th{ background:var(--ug-deep-navy); color:var(--ug-white); text-align:left; padding:.7rem 1rem; font-family:'Red Hat Display',sans-serif; }
.single-post .post-content table td{ padding:.7rem 1rem; border-top:1px solid rgba(0,19,40,.06); }

/* Reusable chips / accents */
.ug-chip{ display:inline-block; background:var(--ug-surface-mint); color:var(--ug-deep-navy); font-family:'Inter',sans-serif; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:.28rem .75rem; border-radius:9999px; }
.ug-gold{ color:var(--ug-sacred-gold); }

/* Article chrome */
.ug-article-meta{ display:flex; align-items:center; gap:1rem; margin-bottom:1.3rem; font-family:'Inter',sans-serif; flex-wrap:wrap; }
.ug-article-meta .ug-read{ color:var(--ug-on-surface-variant); font-size:14px; display:inline-flex; align-items:center; gap:.4rem; }
.ug-article-meta .ug-read::before{ content:''; width:6px; height:6px; border-radius:9999px; background:var(--ug-sky-blue); display:inline-block; }
.ug-related{ margin-top:2.5rem; padding-top:1.6rem; border-top:1px solid rgba(0,19,40,.1); }
.ug-related h2{ font-size:22px; margin-bottom:1rem; }
.ug-related-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.ug-related-card{ display:block; background:var(--ug-white); border:1px solid rgba(0,19,40,.06); border-radius:var(--ug-radius); overflow:hidden; box-shadow:var(--ug-shadow); text-decoration:none; transition:transform .2s ease, box-shadow .2s ease; }
.ug-related-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,19,40,.1); }
.ug-related-img{ display:block; height:120px; background-size:cover; background-position:center; background-color:var(--ug-surface-mint); }
.ug-related-title{ display:block; padding:.8rem 1rem; font-family:'Red Hat Display',sans-serif; font-weight:700; color:var(--ug-deep-navy); font-size:15px; line-height:1.3; }

/* Footer */
.ug-footer{ max-width:1200px; margin:0 auto; font-family:'Inter',sans-serif; }
.ug-footer-grid{ display:grid; grid-template-columns:1.5fr 1fr 1.4fr 1.1fr; gap:2rem; }
.ug-footer-col h4{ font-family:'Red Hat Display',sans-serif; color:var(--ug-deep-navy); font-size:16px; font-weight:700; margin:0 0 1rem; }
.ug-footer-col ul{ list-style:none; padding:0; margin:0; }
.ug-footer-col li{ margin-bottom:.55rem; }
.ug-footer-col a{ color:var(--ug-on-surface-variant); text-decoration:none; font-size:15px; }
.ug-footer-col a:hover{ color:var(--ug-sky-blue); }
.ug-footer-col p{ color:var(--ug-on-surface-variant); line-height:1.65; margin:.3rem 0; font-size:15px; }
.ug-footer-logo img{ height:34px; width:auto; margin-bottom:1rem; }
.ug-pay{ display:flex; gap:.55rem; margin-bottom:.8rem; }
.ug-pay span{ width:46px; height:32px; background:var(--ug-white); border:1px solid rgba(0,19,40,.1); border-radius:8px; display:inline-flex; align-items:center; justify-content:center; color:var(--ug-deep-navy); }
.ug-footer-bottom{ max-width:1200px; margin:1.6rem auto 0; padding-top:1.2rem; border-top:1px solid rgba(0,19,40,.12); color:var(--ug-on-surface-variant); font-size:14px; }
@media(max-width:900px){ .ug-footer-grid{ grid-template-columns:1fr 1fr; gap:1.5rem; } }
@media(max-width:560px){ .ug-footer-grid{ grid-template-columns:1fr; } }

/* Siste fra Guiden */
.ug-guides{ max-width:1200px; margin:0 auto; font-family:'Inter',sans-serif; }
.ug-guides-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:1.4rem; gap:1rem; }
.ug-guides-head h2{ font-size:28px; margin:0; }
.ug-see-all{ color:var(--ug-sky-blue); font-weight:600; text-decoration:none; white-space:nowrap; }
.ug-guides-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.ug-guide-card{ display:flex; flex-direction:column; background:var(--ug-white); border:1px solid rgba(0,19,40,.06); border-radius:var(--ug-radius); overflow:hidden; box-shadow:var(--ug-shadow); text-decoration:none; transition:transform .2s ease, box-shadow .2s ease; }
.ug-guide-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,19,40,.12); }
.ug-guide-img{ display:block; height:190px; background-size:cover; background-position:center; background-color:var(--ug-surface-mint); }
.ug-guide-body{ padding:1.2rem 1.3rem 1.4rem; display:flex; flex-direction:column; gap:.5rem; }
.ug-guide-title{ font-family:'Red Hat Display',sans-serif; font-weight:700; color:var(--ug-deep-navy); font-size:19px; line-height:1.3; }
.ug-guide-exc{ color:var(--ug-text-main); font-size:15px; line-height:1.5; }
.ug-guide-more{ color:var(--ug-sky-blue); font-weight:700; font-size:13px; letter-spacing:.03em; text-transform:uppercase; margin-top:.2rem; }
@media(max-width:900px){ .ug-guides-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .ug-guides-grid{ grid-template-columns:1fr; } }

/* Contrast fixes: keep nav + product-card + rollover links dark (sky-blue reserved for in-content links) */
.fusion-main-menu a,.fusion-main-menu .fusion-menu-item>a,.fusion-mobile-menu a,.fusion-secondary-menu a,.fusion-flyout-menu a{ color:var(--ug-deep-navy); }
.woocommerce ul.products li.product .product-title a,.woocommerce ul.products li.product h3 a,.woocommerce ul.products li.product h2 a{ color:var(--ug-deep-navy); }
.fusion-rollover a,.fusion-product-buttons a,a.awb-rollover-button,.fusion-rollover-linebreak{ color:var(--ug-deep-navy) !important; font-weight:700; }
.fusion-product-buttons a:hover,a.awb-rollover-button:hover{ color:var(--ug-sky-blue) !important; }
a.add_to_cart_button.awb-rollover-button,a.awb-rollover-button.added_to_cart{ background:transparent !important; border:none !important; box-shadow:none !important; }

/* Guide index (cornerstone cluster links) */
.ug-index{ max-width:1200px; margin:2rem auto 0; font-family:'Inter',sans-serif; }
.ug-index h2{ font-size:24px; margin-bottom:1rem; }
.ug-index-list{ columns:2; column-gap:2.5rem; list-style:none; padding:0; margin:0; }
.ug-index-list li{ margin-bottom:.6rem; padding-left:1.5rem; position:relative; break-inside:avoid; }
.ug-index-list li::before{ content:'92'; position:absolute; left:0; color:var(--ug-sky-blue); font-weight:800; }
.ug-index-list a{ color:var(--ug-deep-navy); text-decoration:none; font-weight:600; }
.ug-index-list a:hover{ color:var(--ug-sky-blue); }
@media(max-width:600px){ .ug-index-list{ columns:1; } }

/* Reviews (Din Trygge Følgesvenn) */
.ug-reviews{ position:relative; max-width:1200px; margin:2.5rem auto; background:var(--ug-deep-navy); border-radius:1rem; padding:2.6rem 2.2rem; overflow:hidden; color:#fff; font-family:'Inter',sans-serif; }
.ug-reviews-inner{ position:relative; z-index:2; }
.ug-reviews h2{ font-family:'Red Hat Display',sans-serif; color:#fff; font-size:28px; margin:0 0 .8rem; }
.ug-reviews-intro{ color:#b5c8e4; max-width:640px; line-height:1.6; margin:0 0 1.8rem; font-size:16px; }
.ug-reviews-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.ug-review-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:.6rem; padding:1.2rem 1.25rem; }
.ug-stars{ color:var(--ug-sacred-gold); font-size:13px; margin-bottom:.7rem; letter-spacing:2px; }
.ug-review-name{ color:#fff; font-weight:700; margin-left:.5rem; font-size:14px; letter-spacing:0; }
.ug-review-text{ color:#cdd6e4; font-style:italic; line-height:1.55; margin:0; font-size:15px; }
.ug-review-mosque{ position:absolute; right:1.6rem; top:1.6rem; width:130px; height:auto; color:#fff; opacity:.10; z-index:1; }
@media(max-width:800px){ .ug-reviews-grid{ grid-template-columns:1fr; } .ug-review-mosque{ display:none; } }

/* Arabic dua - match cornerstone .arabic styling */
.single-post .post-content [lang="ar"], .post-content p[lang="ar"]{ font-family:arabic,'Amiri','Scheherazade New','Noto Naskh Arabic',serif; font-size:2rem; line-height:1.9; font-style:normal; direction:rtl; text-align:center; display:table; margin:.3rem auto .6rem; padding:0; color:var(--ug-deep-navy); }

/* Cart / checkout button readability */
.woocommerce-mini-cart__buttons a,.widget_shopping_cart a.button,a.button.checkout,.woocommerce a.button.alt,.woocommerce a.checkout-button,.wc-proceed-to-checkout a.button,.fusion-flyout-cart-inner a.button,.woocommerce #respond input#submit,.woocommerce-mini-cart__buttons .button{ background-color:var(--ug-deep-navy) !important; color:#ffffff !important; border-color:var(--ug-deep-navy) !important; }
.woocommerce-mini-cart__buttons a:hover,.widget_shopping_cart a.button:hover,a.button.checkout:hover,.wc-proceed-to-checkout a.button:hover{ background-color:var(--ug-sky-blue) !important; color:#fff !important; }

/* ===== Single article layout ===== */
.ug-article{ max-width:840px; font-family:'Inter',sans-serif; }
.ug-bc{ display:flex; align-items:center; gap:.4rem; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ug-on-surface-variant); margin-bottom:1.6rem; flex-wrap:wrap; }
.ug-bc a{ color:var(--ug-on-surface-variant); text-decoration:none; }
.ug-bc a:hover{ color:var(--ug-sky-blue); }
.ug-ic{ width:16px; height:16px; display:inline-block; vertical-align:middle; }
.ug-bc .ug-ic{ width:14px; height:14px; }
.ug-bc-cur{ color:var(--ug-deep-navy); }
.ug-art-head{ margin-bottom:1.6rem; }
.ug-art-head h1{ font-family:'Red Hat Display',sans-serif; font-size:36px; line-height:1.15; letter-spacing:-.02em; color:var(--ug-deep-navy); margin:.9rem 0 .9rem; }
.ug-art-meta{ display:flex; flex-wrap:wrap; gap:1.3rem; color:var(--ug-on-surface-variant); font-size:15px; }
.ug-art-meta span{ display:inline-flex; align-items:center; gap:.45rem; }
.ug-art-hero{ margin:0 0 1.9rem; border-radius:.75rem; overflow:hidden; box-shadow:0 3px 14px rgba(0,19,40,.09); aspect-ratio:16/9; }
.ug-art-hero img{ width:100%; height:100%; object-fit:cover; display:block; }
.ug-art-body{ font-size:18px; line-height:1.75; color:var(--ug-text-main); }
.ug-art-body > p:first-of-type{ font-size:20px; color:var(--ug-deep-navy); font-weight:500; }
.ug-cta{ margin-top:2.2rem; background:#eef6ff; border:1px solid rgba(38,155,248,.22); border-radius:.75rem; padding:1.9rem; text-align:center; }
.ug-cta h3{ font-family:'Red Hat Display',sans-serif; color:var(--ug-deep-navy); font-size:22px; margin:0 0 .5rem; }
.ug-cta p{ color:var(--ug-on-surface-variant); margin:0 auto 1.3rem; max-width:460px; }
.ug-cta-btn{ display:inline-block; background:var(--ug-deep-navy); color:#fff; padding:.75rem 1.7rem; border-radius:.5rem; text-decoration:none; font-weight:600; }
.ug-cta-btn:hover{ background:var(--ug-sky-blue); color:#fff; }
.ug-side{ display:flex; flex-direction:column; gap:1.5rem; position:sticky; top:24px; font-family:'Inter',sans-serif; }
.ug-side-box{ background:var(--ug-surface-container-low); border:1px solid rgba(0,19,40,.06); border-radius:.75rem; padding:1.3rem 1.4rem; }
.ug-side-title{ font-family:'Red Hat Display',sans-serif; font-size:18px; color:var(--ug-deep-navy); margin:0 0 1rem; padding-bottom:.6rem; border-bottom:1px solid rgba(0,19,40,.1); }
.ug-side-cats{ list-style:none; margin:0; padding:0; }
.ug-side-cats li a{ display:flex; align-items:center; justify-content:space-between; padding:.55rem .5rem; border-radius:.4rem; color:var(--ug-on-surface-variant); text-decoration:none; transition:all .15s; }
.ug-side-cats li a:hover{ background:rgba(236,241,239,.7); color:var(--ug-sky-blue); }
.ug-cat-name{ display:inline-flex; align-items:center; gap:.55rem; }
.ug-cat-name .ug-ic{ width:18px; height:18px; color:var(--ug-deep-navy); }
.ug-cat-count{ background:var(--ug-surface); border:1px solid rgba(0,19,40,.06); font-size:12px; padding:.12rem .55rem; border-radius:9999px; }
.ug-side-rec{ display:flex; flex-direction:column; gap:1rem; }
.ug-rec{ display:flex; gap:.8rem; text-decoration:none; align-items:center; }
.ug-rec-img{ width:64px; height:64px; border-radius:.5rem; background-size:cover; background-position:center; background-color:var(--ug-surface-mint); flex-shrink:0; }
.ug-rec-t{ font-family:'Red Hat Display',sans-serif; font-weight:700; color:var(--ug-deep-navy); font-size:14px; line-height:1.3; display:block; }
.ug-rec:hover .ug-rec-t{ color:var(--ug-sky-blue); }
.ug-rec-m{ font-size:12px; color:var(--ug-on-surface-variant); margin-top:.25rem; display:block; }
@media(max-width:900px){ .ug-side{ position:static; } .ug-art-head h1{ font-size:28px; } }

/* Hide Avada page-title bar on single articles (title is in the article header) */
body.single-post .fusion-tb-page-title-bar, body.single-post .fusion-page-title-bar, body.single-post .fusion-page-title-wrapper{ display:none !important; }

/* Mini-cart flyout buttons (mobile readability) */
.woocommerce-mini-cart__buttons{ display:flex !important; flex-direction:column !important; gap:.6rem !important; align-items:stretch !important; }
.woocommerce-mini-cart__buttons a, .woocommerce-mini-cart__buttons .button{ display:block !important; width:100% !important; box-sizing:border-box !important; float:none !important; text-align:center !important; margin:0 !important; padding:.9rem 1rem !important; border-radius:.5rem !important; background:var(--ug-deep-navy) !important; color:#fff !important; font-weight:600 !important; letter-spacing:0 !important; }
.woocommerce-mini-cart__buttons a *, .woocommerce-mini-cart__buttons a i, .woocommerce-mini-cart__buttons a::before, .woocommerce-mini-cart__buttons .button i, .woocommerce-mini-cart__buttons .button::before{ color:#fff !important; }
.woocommerce-mini-cart__buttons a.checkout{ background:var(--ug-sky-blue) !important; }

/* ===== MOBILE HEADER + FLYOUT MENU (<=1024px hamburger view) — consolidated, no z-index/hiding ===== */
@media (max-width:1024px){
  /* Full-width single row: hamburger left, logo centered, compact bar */
  .fusion-tb-header .fusion-builder-column-0{ --awb-width-small:100% !important; --awb-width-medium:100% !important; width:100% !important; max-width:100% !important; }
  .fusion-tb-header .fusion-builder-column-0 .fusion-image-element{ margin-left:auto !important; margin-right:auto !important; }
  .fusion-tb-header .fusion-builder-column-0 .fusion-image-element img{ margin:0 auto !important; }
  .fusion-tb-header .fusion-fullwidth.fusion-builder-row-1{ padding-top:12px !important; padding-bottom:12px !important; }
  /* Hamburger icon: explicitly dark + slightly larger so it is always visible on the white header */
  .mobilemenu .awb-menu__m-toggle,
  .mobilemenu .awb-menu__m-collapse-icon-open,
  .mobilemenu .awb-menu__m-collapse-icon-close{ color:#141617 !important; font-size:1.15em !important; }
  /* Open flyout: 100% width, solid white background, dark readable text */
  .mobilemenu .awb-menu__main-ul{ width:100% !important; left:0 !important; right:0 !important; max-width:100vw !important; background-color:#ffffff !important; box-shadow:0 14px 32px rgba(0,19,40,.18) !important; border-top:1px solid #ecf1ef !important; }
  .mobilemenu .awb-menu__main-li{ width:100% !important; background-color:#ffffff !important; }
  .mobilemenu .awb-menu__main-a{ background-color:#ffffff !important; color:#141617 !important; }
  .mobilemenu .awb-menu__main-a .menu-text{ color:#141617 !important; }
}