/**
 * Theme Name:     Finalyze Child
 * Author:         Jegtheme
 * Template:       finalyze
 * Text Domain:    finalyze-child
 * Description:    Finalyze Child Theme for Sahm Agency
 * Theme URI:      https://sahmagency.site/
 * Version:        1.0.5
 */

/* -------------------------------------------------------------------------
   1. Typography: GE Dinar One Font
   ------------------------------------------------------------------------- */
@font-face {
  font-family: 'GE Dinar One';
  src: url('assets/fonts/GE-Dinar-One-Medium.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GE Dinar One';
  src: url('assets/fonts/GE-Dinar-One-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GE Dinar One';
  src: url('assets/fonts/GE-Dinar-One-Medium.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GE Dinar One';
  src: url('assets/fonts/GE-Dinar-One-Medium.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  overflow-x: clip;
  direction: rtl;
  text-align: right;
}

/* Global typography override with original GE Dinar One font */
html, body,
h1, h2, h3, h4, h5, h6,
p, a, span:not([class*="gtn"]):not([class*="fa"]):not([class*="dashicons"]),
div:not([class*="gtn"]):not([class*="fa"]),
button, input, textarea, select, label,
.guten-element:not(i):not([class*="gtn"]):not([class*="fa"]),
.wp-block,
.editor-styles-wrapper,
[class*="guten-"]:not(i):not([class*="gtn"]):not([class*="fa"]),
[class*="gutenverse"] {
  font-family: 'GE Dinar One', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ensure icons preserve their icon fonts */
i.gtn,
span.gtn,
[class*="gtn-"],
[class^="gtn-"] {
  /* Preserve gtnicon font family rules from gtnicon.css (gtnicon-1 through gtnicon-10) */
}

.fa, .fas, .far, .fab, [class*="fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

/* Ensure Gutenverse elements align properly in RTL */
.rtl .guten-element {
  direction: rtl;
}

/* CRITICAL: Force all Gutenverse animated elements to be fully visible and rendered */
.guten-element-hide,
.guten-element.animated,
.guten-element.guten-element-hide {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* -------------------------------------------------------------------------
   2. Hero Top-Left Mask & Border Radius (RTL)
   ------------------------------------------------------------------------- */
.guten-U6Yjky,
.guten-U6Yjky.guten-element {
  -webkit-mask-image: url('assets/images/masking-hero-shape-round-rtl.png') !important;
  mask-image: url('assets/images/masking-hero-shape-round-rtl.png') !important;
  -webkit-mask-position: top left !important;
  mask-position: top left !important;
  border-top-left-radius: 40px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

/* Purple Hero Container meeting point with tab */
.guten-o3N6gH.guten-element {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
  border-bottom-left-radius: 40px !important;
}

/* -------------------------------------------------------------------------
   3. Hide Curved Arrow over CTA button
   ------------------------------------------------------------------------- */
.guten-3xB8UM,
.guten-element.guten-3xB8UM {
  display: none !important;
}

/* -------------------------------------------------------------------------
   5. Stats Shape Mask & Globe Icon (RTL)
   ------------------------------------------------------------------------- */
/* Mirrored tab spacer */
.guten-VfM648,
.guten-VfM648.guten-element {
  -webkit-mask-image: url('assets/images/masking-shape-round-rtl.png') !important;
  mask-image: url('assets/images/masking-shape-round-rtl.png') !important;
  -webkit-mask-position: bottom left !important;
  mask-position: bottom left !important;
  border-top-left-radius: 30px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

/* Globe Icon aligned with tab on the left */
.guten-yJpHln,
.guten-element.guten-yJpHln {
  left: 40px !important;
  right: auto !important;
}

/* Blue stats container connected seamlessly to tab on left */
.guten-mkxAlh.guten-element {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}

/* -------------------------------------------------------------------------
   6. Reviews Card Play Button (RTL)
   ------------------------------------------------------------------------- */
.guten-f59MLp,
.guten-element.guten-f59MLp {
  left: 15px !important;
  right: auto !important;
}

/* Ensure logo slider images fit nicely */
.guten-logo-slider-item img,
.wp-block-gutenverse-logo-slider img {
  max-height: 48px !important;
  max-width: 160px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: grayscale(100%);
  opacity: 0.85;
  transition: filter 0.3s, opacity 0.3s;
}

.guten-logo-slider-item:hover img,
.wp-block-gutenverse-logo-slider img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

/* WhatsApp Floating Action */
.sahm-whatsapp-float {
  position: fixed;
  bottom: 24px;
  left: 24px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
  z-index: 9999;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

.sahm-whatsapp-float:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
  color: #fff;
}