/*
Theme Name: Amiraf Jewellers Luxury Child Theme
Theme URI: https://amirafjewellers.com
Description: Bespoke luxury lookbook child theme for Amiraf Jewellers ("You Desire We Craft"). Features high-fashion typography, deep royal midnight navy & champagne gold palette, smooth lookbook hover micro-animations, and persistent WhatsApp atelier concierge.
Author: Amiraf Jewellers & Google Antigravity
Author URI: https://amirafjewellers.com
Template: Divi
Version: 2.9.4
*/

:root {
  --amiraf-navy-deep: #081E36;
  --amiraf-navy: #0B2545;
  --amiraf-navy-light: #133863;
  --amiraf-gold: #D4AF37;
  --amiraf-gold-light: #F3E5AB;
  --amiraf-gold-radiant: #E5B842;
  --amiraf-silver: #E8ECEF;
  --amiraf-alabaster: #FAF8F5;
  --amiraf-charcoal: #1A1A1A;
  --amiraf-font-serif: 'Cormorant Garamond', Georgia, serif;
  --amiraf-font-sans: 'Montserrat', -apple-system, sans-serif;
  --amiraf-font-body: 'Inter', sans-serif;
}

body {
  background-color: var(--amiraf-alabaster);
  color: var(--amiraf-charcoal);
  font-family: var(--amiraf-font-body) !important;
  font-weight: 300;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .et_pb_slide_title, .entry-title {
  font-family: var(--amiraf-font-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
}

h4, h5, h6, .amiraf-subheading {
  font-family: var(--amiraf-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 600 !important;
}

/* =========================================================
   1. LUXURY HEADER & NAVIGATION MENU OVERRIDES
   ========================================================= */
#main-header,
#main-header.et-fixed-header {
  background-color: var(--amiraf-navy-deep) !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  transition: all 0.3s ease !important;
}

.logo_container {
  display: flex !important;
  align-items: center !important;
}
.logo_container a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  outline: none !important;
}
#logo {
  max-height: 64px !important;
  width: auto !important;
  display: block !important;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.et-fixed-header #logo {
  max-height: 50px !important;
}
.amiraf-brand-title {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.amiraf-brand-name {
  font-family: var(--amiraf-font-serif) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  transition: color 0.3s ease !important;
}
.logo_container a:hover .amiraf-brand-name {
  color: var(--amiraf-gold) !important;
}
.amiraf-brand-tagline {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em !important;
  color: var(--amiraf-gold) !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
  white-space: nowrap !important;
}
.et-fixed-header .amiraf-brand-name {
  font-size: 18px !important;
}

#top-menu-nav #top-menu > li > a {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
  color: #FAF8F5 !important;
  transition: color 0.3s ease !important;
  padding-bottom: 25px !important;
}

#top-menu-nav #top-menu > li > a:hover,
#top-menu-nav #top-menu > li.current-menu-item > a,
#top-menu-nav #top-menu > li.current_page_item > a {
  color: var(--amiraf-gold) !important;
}

/* Dropdown Menu Styling */
#top-menu li .sub-menu {
  background: rgba(8, 30, 54, 0.98) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
  padding: 10px 0 !important;
  border-radius: 0px !important;
  top: 100% !important;
}

#top-menu li .sub-menu li a {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #CAD5DF !important;
  padding: 10px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: all 0.25s ease !important;
  width: 220px !important;
}

#top-menu li .sub-menu li a:hover {
  color: var(--amiraf-gold) !important;
  background: rgba(212, 175, 55, 0.12) !important;
  padding-left: 26px !important;
}

/* Mobile Menu */
#mobile_menu {
  background-color: var(--amiraf-navy-deep) !important;
  border-top: 2px solid var(--amiraf-gold) !important;
}
#mobile_menu a {
  color: #FAF8F5 !important;
  font-family: var(--amiraf-font-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
#mobile_menu a:hover {
  color: var(--amiraf-gold) !important;
}
.mobile_menu_bar:before {
  color: var(--amiraf-gold) !important;
}

/* =========================================================
   2. BUTTON STANDARDIZATION (DIVI BUILDER EDITABLE)
   Default luxury styling for uncustomized buttons;
   Divi Visual Builder custom styles will cleanly override (Specificity 0).
   ========================================================= */
:where(.et_pb_button, a.et_pb_button, button.et_pb_button) {
  background-color: var(--amiraf-gold);
  color: var(--amiraf-navy-deep);
  border: 1px solid var(--amiraf-gold);
  border-radius: 6px;
  font-family: var(--amiraf-font-sans);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600;
  padding: 10px 22px;
  line-height: 1.25;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: none;
  text-shadow: none;
  display: inline-block;
}

:where(.et_pb_button:not(.et_pb_custom_button_icon))::after {
  display: none;
  content: "";
}

/* Light / White Sections: Button Hover Transitions to Deep Midnight Navy with Solid White Text */
:where(.et_pb_button:hover, a.et_pb_button:hover, button.et_pb_button:hover) {
  background-color: #081E36;
  color: #FFFFFF;
  border-color: #081E36;
}

/* Dark Sections: Button Hover Transitions to Solid Gold with Midnight Navy Text */
:where(.et_pb_section[style*="#081E36"] .et_pb_button:hover,
.et_pb_section[style*="#081E36"] a.et_pb_button:hover,
.et_pb_section[style*="#0B2545"] .et_pb_button:hover,
.et_pb_section[style*="#0B2545"] a.et_pb_button:hover) {
  background-color: #D4AF37;
  color: #081E36;
  border-color: #D4AF37;
}

/* Secondary Outline Button helper class */
.amiraf-btn-outline {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.amiraf-btn-outline:hover {
  background-color: #D4AF37;
  color: #081E36;
  border-color: #D4AF37;
}

/* =========================================================
   3. DARK SECTION TEXT CONTRAST GUARANTEE
   ========================================================= */
.et_pb_section[style*="#081E36"] h1,
.et_pb_section[style*="#081E36"] h2,
.et_pb_section[style*="#081E36"] h3,
.et_pb_section[style*="background-color: #081e36"] h1,
.et_pb_section[style*="background-color: #081e36"] h2,
.et_pb_section[style*="background-color: #081e36"] h3 {
  color: #FFFFFF !important;
}
.et_pb_section[style*="#081E36"] h4,
.et_pb_section[style*="#0B2545"] h4,
.et_pb_section[style*="background-color: #0b2545"] h4 {
  color: var(--amiraf-gold) !important;
  letter-spacing: 0.18em !important;
}
.et_pb_section[style*="#081E36"] p,
.et_pb_section[style*="#0B2545"] p,
.et_pb_section[style*="background-color: #0b2545"] p {
  color: #CAD5DF !important;
}

/* =========================================================
   4. ATELIER TOOL SKETCH BACKGROUND ARTWORK (IMAGE 4 ENHANCEMENT)
   ========================================================= */
.amiraf-heritage-section {
  position: relative !important;
  background-color: #FAF8F5 !important;
  background-image: url('/wp-content/uploads/amiraf-brand/goldsmith_tools_sketch.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

/* Soft luxury veil ensuring 100% foreground contrast */
.amiraf-heritage-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(250, 248, 245, 0.55) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.amiraf-heritage-section .et_pb_row {
  position: relative !important;
  z-index: 2 !important;
}

/* Salon & Haute Joaillerie Design Studio Sketches */
.amiraf-salon-section {
  position: relative !important;
  background-color: #FFFFFF !important;
  background-image: url('/wp-content/uploads/amiraf-brand/jewellery_design_sketch.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

.amiraf-salon-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.65) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.amiraf-salon-section .et_pb_row {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   5. EQUAL-HEIGHT PRODUCT CARDS & 4-CARD CROSS-NAV WITH IMAGES
   ========================================================= */
@media (min-width: 981px) {
  body #page-container .amiraf-card-row,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row,
  #page-container .et_pb_row.amiraf-card-row,
  .amiraf-card-row,
  .et_pb_row_3col {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
  }

  body #page-container .amiraf-card-row .et_pb_column,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row .et_pb_column,
  #page-container .et_pb_row.amiraf-card-row .et_pb_column,
  .amiraf-card-row .et_pb_column {
    border-radius: 14px !important;
  }

  body #page-container .amiraf-card-row .et_pb_column_1_3,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row .et_pb_column_1_3,
  #page-container .et_pb_row.amiraf-card-row .et_pb_column_1_3,
  .amiraf-card-row .et_pb_column_1_3,
  .et_pb_row_3col .et_pb_column_1_3 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.18) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(8, 30, 54, 0.05) !important;
    padding: 24px 20px 28px 20px !important;
    margin-bottom: 30px !important;
    margin-left: 0 !important;
    margin-right: 3.5% !important;
    width: 31% !important;
    max-width: 31% !important;
    flex: 0 0 31% !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #page-container .amiraf-card-row .et_pb_column_1_3:nth-child(3n),
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row .et_pb_column_1_3:nth-child(3n),
  .amiraf-card-row .et_pb_column_1_3:nth-child(3n),
  .et_pb_row_3col .et_pb_column_1_3:nth-child(3n) {
    margin-right: 0 !important;
  }

  /* Guard: hide any empty column so it never draws a blank card */
  body #page-container .amiraf-card-row .et_pb_column:empty,
  .amiraf-card-row .et_pb_column:empty,
  .et_pb_row_3col .et_pb_column:empty {
    display: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border-width: 0 !important;
  }
}

.amiraf-card-row .et_pb_column_1_3:hover,
.et_pb_row_3col .et_pb_column_1_3:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 45px rgba(8, 30, 54, 0.10) !important;
  border-color: rgba(212, 175, 55, 0.65) !important;
}

.amiraf-card-row .et_pb_image,
.et_pb_row_3col .et_pb_image {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 16px 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.amiraf-card-row .et_pb_image_wrap,
.et_pb_row_3col .et_pb_image_wrap {
  display: block !important;
  width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}

.amiraf-card-row .et_pb_image img,
.et_pb_row_3col .et_pb_image img {
  width: 100% !important;
  max-width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.6s ease !important;
}

.amiraf-card-row .et_pb_column_1_3:hover img,
.et_pb_row_3col .et_pb_column_1_3:hover img,
.amiraf-card-row .et_pb_image:hover img,
.et_pb_row_3col .et_pb_image:hover img {
  transform: scale(1.04) !important;
}

/* 4-Card Cross Navigation with Images (Continue Discovery) */
.amiraf-cross-nav-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}
.amiraf-cross-nav-row .et_pb_column_1_4 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #FFFFFF !important;
  border: 1px solid #EAE6DF !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
  box-sizing: border-box !important;
  padding: 0 0 20px 0 !important;
}
.amiraf-cross-nav-row .et_pb_column_1_4:hover {
  border-color: var(--amiraf-gold) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 30px rgba(8, 30, 54, 0.1) !important;
}
.amiraf-cross-nav-row .et_pb_column_1_4 img,
.amiraf-cross-nav-row .et_pb_image img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px 12px 0 0 !important;
}
.amiraf-cross-nav-row .amiraf-cross-body {
  padding: 16px 16px 0 16px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
}

/* =========================================================
   6. FRAMER-STYLE FLOATING CONTACT CARD FORM (IMAGE 1 SPEC)
   ========================================================= */
.amiraf-framer-form-section {
  background-color: var(--amiraf-alabaster) !important;
  padding: 80px 0 !important;
}

.amiraf-framer-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 5% !important;
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: 60px !important;
  align-items: center !important;
}

.amiraf-framer-info-eyebrow {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--amiraf-gold) !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
}

.amiraf-framer-info-title {
  font-family: var(--amiraf-font-serif) !important;
  font-size: clamp(36px, 4vw, 50px) !important;
  color: var(--amiraf-navy-deep) !important;
  line-height: 1.15 !important;
  margin-bottom: 20px !important;
}

.amiraf-framer-info-desc {
  color: #555555 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 35px !important;
}

.amiraf-framer-contact-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.amiraf-framer-contact-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: var(--amiraf-navy-deep) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}

.amiraf-framer-contact-text strong {
  display: block !important;
  font-size: 11px !important;
  font-family: var(--amiraf-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #888888 !important;
}
.amiraf-framer-contact-text span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--amiraf-navy-deep) !important;
}

/* Right Side Floating Card */
.amiraf-framer-card {
  background: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 44px !important;
  box-shadow: 0 25px 65px rgba(8, 30, 54, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
}

.amiraf-framer-field {
  margin-bottom: 20px !important;
}

.amiraf-framer-label {
  display: block !important;
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #444444 !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

.amiraf-framer-input,
.amiraf-framer-select,
.amiraf-framer-textarea {
  width: 100% !important;
  background: #F4F6F8 !important;
  border: 1px solid #E2E6EA !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  font-family: var(--amiraf-font-body) !important;
  font-size: 14px !important;
  color: #1A1A1A !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.amiraf-framer-input:focus,
.amiraf-framer-select:focus,
.amiraf-framer-textarea:focus {
  background: #FFFFFF !important;
  border-color: var(--amiraf-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
  outline: none !important;
}

.amiraf-framer-submit {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: var(--amiraf-navy-deep) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--amiraf-navy-deep) !important;
  border-radius: 40px !important;
  padding: 6px 26px 6px 8px !important;
  font-family: var(--amiraf-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
  margin-top: 10px !important;
}

.amiraf-framer-submit .circle-arrow {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: var(--amiraf-gold) !important;
  color: var(--amiraf-navy-deep) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  transition: transform 0.3s ease !important;
}

.amiraf-framer-submit:hover {
  background: var(--amiraf-gold) !important;
  color: var(--amiraf-navy-deep) !important;
  border-color: var(--amiraf-gold) !important;
}
.amiraf-framer-submit:hover .circle-arrow {
  background: var(--amiraf-navy-deep) !important;
  color: var(--amiraf-gold) !important;
  transform: translateX(3px) !important;
}

/* =========================================================
   7. FLOATING WHATSAPP BUTTON ("Contact Us")
   ========================================================= */
.amiraf-whatsapp-floater {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  background: var(--amiraf-navy-deep);
  color: var(--amiraf-gold);
  border: 1px solid var(--amiraf-gold);
  padding: 12px 20px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-family: var(--amiraf-font-sans);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.amiraf-whatsapp-floater:hover {
  background: var(--amiraf-gold);
  color: var(--amiraf-navy-deep);
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(212, 175, 55, 0.3);
}

.amiraf-whatsapp-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

@media (max-width: 767px) {
  .amiraf-whatsapp-floater {
    bottom: 18px;
    right: 18px;
    padding: 10px 16px;
    font-size: 10px;
    letter-spacing: 0.12em;
  }
}

/* =========================================================
   8. LUXURY LANGUAGE SWITCHER (EN | TR)
   ========================================================= */
.amiraf-lang-li {
  display: inline-flex !important;
  align-items: center !important;
}

.amiraf-lang-toggle {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 20px !important;
  padding: 3px 8px !important;
  margin-left: 14px !important;
  vertical-align: middle !important;
}

.amiraf-lang-btn {
  background: transparent !important;
  border: none !important;
  color: #CAD5DF !important;
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  padding: 3px 7px !important;
  cursor: pointer !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
  line-height: 1 !important;
}

.amiraf-lang-btn:hover {
  color: var(--amiraf-gold) !important;
}

.amiraf-lang-btn.active {
  background: var(--amiraf-gold) !important;
  color: var(--amiraf-navy-deep) !important;
}

.amiraf-lang-divider {
  color: rgba(212, 175, 55, 0.45) !important;
  font-size: 11px !important;
  margin: 0 2px !important;
}

/* Nuclear Hide Google Translate Banners & Branding */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe[id^=":1"],
iframe[id^=":2"],
iframe.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-te-menu-frame {
  display: none !important;
  visibility: hidden !important;
  height: 0px !important;
  width: 0px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
}
body {
  top: 0px !important;
  position: static !important;
}
.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}
#google_translate_element {
  display: none !important;
}

/* =========================================================
   10. LUXURY AGENCY ENHANCEMENTS
   ========================================================= */
/* Subtle Gallery Photo Micro-Zoom on Hover */
.amiraf-card-row .et_pb_image {
  overflow: hidden !important;
  border-radius: 12px !important;
}
.amiraf-card-row .et_pb_image img {
  transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  display: block !important;
}
.amiraf-card-row .et_pb_image:hover img {
  transform: scale(1.04) !important;
}

/* CAD Model Reference Badge */
.amiraf-cad-badge {
  display: inline-block !important;
  font-family: var(--amiraf-font-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--amiraf-gold) !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

/* Hero Scroll Prompt */
.amiraf-scroll-indicator {
  margin-top: 35px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  opacity: 0.75 !important;
  animation: amirafFadeBounce 2.4s infinite !important;
}
.amiraf-scroll-indicator span {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 9px !important;
  letter-spacing: 0.25em !important;
  color: var(--amiraf-gold) !important;
  text-transform: uppercase !important;
}
@keyframes amirafFadeBounce {
  0%, 100% { opacity: 0.45; transform: translateY(0); }
  50% { opacity: 0.95; transform: translateY(6px); }
}

/* 4-Column Atelier Metrics Strip */
.amiraf-metrics-strip {
  width: 100% !important;
  background: #0B2545 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  padding: 36px 0 !important;
}
.amiraf-metrics-grid {
  width: 85% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 30px !important;
  text-align: center !important;
}
.amiraf-metric-num {
  font-family: var(--amiraf-font-serif) !important;
  font-size: 38px !important;
  color: var(--amiraf-gold) !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
  font-weight: 500 !important;
}
.amiraf-metric-label {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #CAD5DF !important;
}

/* Horizontal Architectural Workflow Timeline (Option 1) */
.amiraf-timeline-container {
  width: 85% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
  position: relative !important;
}
.amiraf-timeline-step {
  position: relative !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(4px) !important;
  border-top: 2px solid var(--amiraf-gold) !important;
  padding: 24px 20px !important;
  transition: all 0.3s ease !important;
  border-radius: 0 0 8px 8px !important;
}
.amiraf-timeline-step:hover {
  background: #FFFFFF !important;
  box-shadow: 0 12px 32px rgba(8, 30, 54, 0.08) !important;
  transform: translateY(-2px) !important;
}
.amiraf-timeline-num {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.2em !important;
  color: var(--amiraf-gold) !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 10px !important;
}
.amiraf-timeline-title {
  font-family: var(--amiraf-font-serif) !important;
  font-size: 22px !important;
  color: var(--amiraf-navy-deep) !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
}
.amiraf-timeline-desc {
  font-family: var(--amiraf-font-body) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #666666 !important;
  margin: 0 !important;
}

/* =========================================================
   11. MOBILE RESPONSIVENESS OVERRIDES & FLUID TYPOGRAPHY
   ========================================================= */
@media (max-width: 980px) {
  #logo {
    max-height: 52px !important;
  }
  .logo_container a {
    gap: 12px !important;
  }
  .amiraf-brand-name {
    font-size: 18px !important;
    letter-spacing: 0.1em !important;
  }
  .amiraf-brand-tagline {
    font-size: 8px !important;
    letter-spacing: 0.22em !important;
  }
  .amiraf-framer-wrap {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .amiraf-cross-nav-row .et_pb_column_1_4 {
    width: 48% !important;
    margin-bottom: 20px !important;
  }
  .amiraf-lang-toggle {
    margin: 10px 0 !important;
  }
  .amiraf-metrics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
  }
  .amiraf-timeline-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  /* Mobile & Tablet Product Cards: Clean 1-Column Stacking */
  body #page-container .amiraf-card-row,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row,
  #page-container .et_pb_row.amiraf-card-row,
  .amiraf-card-row,
  .et_pb_row_3col {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
  }

  body #page-container .amiraf-card-row .et_pb_column,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row .et_pb_column,
  #page-container .et_pb_row.amiraf-card-row .et_pb_column,
  body #page-container .amiraf-card-row .et_pb_column_1_3,
  body.et_pb_pagebuilder_layout #page-container .amiraf-card-row .et_pb_column_1_3,
  #page-container .et_pb_row.amiraf-card-row .et_pb_column_1_3,
  .amiraf-card-row .et_pb_column_1_3,
  .et_pb_row_3col .et_pb_column_1_3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    padding: 20px 16px 24px 16px !important;
    overflow: hidden !important;
  }

  body #page-container .amiraf-card-row .et_pb_column:empty,
  .amiraf-card-row .et_pb_column:empty,
  .et_pb_row_3col .et_pb_column:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Center align product images inside cards */
  .amiraf-card-row .et_pb_image,
  .et_pb_row_3col .et_pb_image {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .amiraf-card-row .et_pb_image img,
  .et_pb_row_3col .et_pb_image img {
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }
  .amiraf-card-row .et_pb_image_wrap,
  .et_pb_row_3col .et_pb_image_wrap {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  /* Mobile: card typography & buttons */
  .amiraf-card-row .et_pb_text,
  .et_pb_row_3col .et_pb_text {
    text-align: center !important;
    width: 100% !important;
  }
  .amiraf-card-row .et_pb_button_wrapper,
  .et_pb_row_3col .et_pb_button_wrapper {
    text-align: center !important;
    width: 100% !important;
    margin-top: 16px !important;
  }
  .amiraf-card-row .et_pb_button,
  .et_pb_row_3col .et_pb_button {
    font-size: 10.5px !important;
    letter-spacing: 0.12em !important;
    padding: 9px 18px !important;
    width: auto !important;
    max-width: 240px !important;
    display: inline-block !important;
    margin: 12px auto 0 auto !important;
    border-radius: 6px !important;
  }
}

@media (max-width: 600px) {
  .amiraf-framer-card {
    padding: 24px 20px !important;
  }
  .amiraf-cross-nav-row .et_pb_column_1_4 {
    width: 100% !important;
  }
}

@media (max-width: 540px) {
  #logo {
    max-height: 44px !important;
  }
  .logo_container a {
    gap: 10px !important;
  }
  .amiraf-brand-name {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    letter-spacing: 0.08em !important;
  }
  .amiraf-brand-tagline {
    display: none !important; /* Conceal tagline on narrow mobile to ensure single-line header */
  }
  /* Fluid headings across all mobile devices */
  h1, .et_pb_slide_title, .entry-title {
    font-size: clamp(26px, 6.5vw, 36px) !important;
    line-height: 1.25 !important;
  }
  h2 {
    font-size: clamp(22px, 5vw, 28px) !important;
    line-height: 1.3 !important;
  }
  h3 {
    font-size: clamp(18px, 4.5vw, 22px) !important;
  }
  body, p {
    font-size: clamp(13px, 3.5vw, 15px) !important;
    line-height: 1.7 !important;
  }
  .et_pb_section {
    padding: 35px 0 !important;
  }
  .et_pb_row {
    width: 92% !important;
    padding: 15px 0 !important;
  }
  /* 2x2 responsive metrics grid on mobile */
  .amiraf-metrics-grid,
  .et_pb_section[background_color="#081E36"] .et_pb_row_1_4_1_4_1_4_1_4,
  .et_pb_section[background_color="#081E36"] .et_pb_row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px 10px !important;
  }
  .et_pb_section[background_color="#081E36"] .et_pb_row .et_pb_column {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }
  /* Lookbook Card Padding on mobile */
  .amiraf-card, .et_pb_column[background_color="#FFFFFF"] {
    padding: 22px 16px !important;
  }
  /* Floating Concierge refinement for compact mobile */
  #amiraf-floating-whatsapp {
    bottom: 16px !important;
    right: 12px !important;
    padding: 9px 15px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 360px) {
  #logo {
    max-height: 38px !important;
  }
  .amiraf-brand-name {
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
  }
  .logo_container a {
    gap: 8px !important;
  }
}

/* =========================================================
   12. TURKISH LAYOUT STABILIZATION & MOBILE NAV
   ========================================================= */
/* Turkish & English Layout Stabilization (Flexbox Equal Heights) */
.amiraf-card-row .et_pb_column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.amiraf-card-row .et_pb_column .et_pb_text {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.amiraf-card-row .et_pb_column .et_pb_text p {
  flex-grow: 1 !important;
}
.amiraf-card-row .et_pb_column .et_pb_button_wrapper,
.amiraf-card-row .et_pb_column .et_pb_button {
  margin-top: auto !important;
}

/* Header Active Link Gold Line */
#top-menu > li.current-menu-item > a,
#top-menu > li.current_page_item > a {
  border-bottom: 2px solid var(--amiraf-gold) !important;
  color: var(--amiraf-gold) !important;
  padding-bottom: 4px !important;
}

/* Luxury Dark Mobile Navigation */
#mobile_menu {
  background: var(--amiraf-navy-deep) !important;
  border-top: 2px solid var(--amiraf-gold) !important;
  padding: 15px 20px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}
#mobile_menu li a {
  font-family: var(--amiraf-font-sans) !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
  padding: 12px 10px !important;
  transition: all 0.25s ease !important;
}
#mobile_menu li a:hover,
#mobile_menu li.current-menu-item a {
  color: var(--amiraf-gold) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}
.mobile_menu_bar:before {
  color: var(--amiraf-gold) !important;
}

/* =========================================================
   13. DBA LOOKBOOK & GEMSTONES SHOWCASE
   ========================================================= */
.amiraf-gemstones-section {
  position: relative !important;
}

.amiraf-gem-matrix-row .et_pb_column {
  margin-bottom: 20px !important;
}

.amiraf-gem-badge-box {
  height: 100% !important;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.amiraf-gem-badge-box:hover {
  transform: translateY(-4px) !important;
}

.amiraf-gem-badge-box:hover > div {
  border-color: rgba(212, 175, 55, 0.6) !important;
  background: rgba(212, 175, 55, 0.06) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Editorial Lookbook Cards (2x2 Grid) */
.amiraf-lookbook-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 0 !important;
}

.amiraf-lookbook-col {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 14px !important;
  padding: 24px 20px 28px 20px !important;
  margin-bottom: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
  box-sizing: border-box !important;
}

.amiraf-lookbook-col:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(212, 175, 55, 0.7) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.45) !important;
}

.amiraf-lookbook-col .et_pb_image {
  overflow: hidden !important;
  border-radius: 12px !important;
}

.amiraf-lookbook-col .et_pb_image img {
  width: 100% !important;
  height: auto !important;
  max-height: 560px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.amiraf-lookbook-col:hover .et_pb_image img {
  transform: scale(1.03) !important;
}

.amiraf-lookbook-col .et_pb_text {
  flex-grow: 1 !important;
}

.amiraf-lookbook-col .et_pb_button_wrapper {
  margin-top: 18px !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  .amiraf-lookbook-row {
    flex-direction: column !important;
  }
  .amiraf-lookbook-col {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .amiraf-lookbook-col .et_pb_image img {
    max-height: 480px !important;
  }
}

/* =========================================================
   14. SITE-WIDE IMAGE CORNER HARMONIZATION & BUTTON POLISH (v2.9.2)
   ========================================================= */
.et_pb_section .et_pb_image:not(.amiraf-no-radius),
.et_pb_section .et_pb_image:not(.amiraf-no-radius) img,
.et_pb_section .et_pb_image:not(.amiraf-no-radius) .et_pb_image_wrap,
.amiraf-card-row .et_pb_image,
.amiraf-card-row .et_pb_image img,
.amiraf-card-row .et_pb_image_wrap,
.amiraf-cross-nav-row .et_pb_image,
.amiraf-cross-nav-row .et_pb_image img,
.amiraf-cross-nav-row .et_pb_column_1_4 img,
.amiraf-lookbook-col .et_pb_image,
.amiraf-lookbook-col .et_pb_image img,
.amiraf-heritage-section .et_pb_image img,
.amiraf-atelier-story .et_pb_image img {
  border-radius: 12px !important;
}

.amiraf-card-row .et_pb_button,
.et_pb_row_3col .et_pb_button {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  padding: 10px 22px !important;
  line-height: 1.25 !important;
  border-radius: 6px !important;
}

/* =========================================================
   20. HERO & CARD BUTTON PAIRING & ALIGNMENT (v2.9.3)
   ========================================================= */
/* Hero vignette button pairing on desktop */
.amiraf-hero-vignette .et_pb_column {
  text-align: center !important;
}
@media (min-width: 768px) {
  .amiraf-hero-vignette .et_pb_button_module_wrapper {
    display: inline-block !important;
    margin: 14px 10px 0 10px !important;
    vertical-align: middle !important;
  }
  .amiraf-hero-vignette .et_pb_button {
    font-size: 11.5px !important;
    letter-spacing: 0.14em !important;
    padding: 13px 30px !important;
    border-radius: 6px !important;
    line-height: 1.25 !important;
    min-width: 220px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* Hero vignette button stacking on mobile */
@media (max-width: 767px) {
  .amiraf-hero-vignette .et_pb_button_module_wrapper {
    display: block !important;
    width: 100% !important;
    margin: 10px auto !important;
    text-align: center !important;
  }
  .amiraf-hero-vignette .et_pb_button {
    width: auto !important;
    max-width: 260px !important;
    display: inline-block !important;
    padding: 11px 22px !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    border-radius: 6px !important;
  }
}

/* Card row button wrapper centering on all viewports */
.amiraf-card-row .et_pb_button_wrapper,
.et_pb_row_3col .et_pb_button_wrapper {
  text-align: center !important;
  width: 100% !important;
}

/* =========================================================
   21. DBA (DESIGNS BY AMIRAF) IMAGE SIZING & SPACING (v2.9.4)
   ========================================================= */
/* 4 Lookbook Archive Masterpiece Cards (2x2 Grid) */
.amiraf-lookbook-col .et_pb_image_wrap {
  height: 480px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}

.amiraf-lookbook-col .et_pb_image img {
  max-height: 460px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 9 Atelier Signature Design Cards (3x3 Grid) */
.amiraf-heritage-section .amiraf-card-row .et_pb_image_wrap {
  height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FAF8F5 !important;
  border-radius: 10px !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  margin: 0 auto 16px auto !important;
}

.amiraf-heritage-section .amiraf-card-row .et_pb_image img {
  max-height: 250px !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
}

/* Responsive Optical Framing (<= 767px) */
@media (max-width: 767px) {
  .amiraf-lookbook-col .et_pb_image_wrap {
    height: 360px !important;
  }
  .amiraf-lookbook-col .et_pb_image img {
    max-height: 340px !important;
  }
  .amiraf-heritage-section .amiraf-card-row .et_pb_image_wrap {
    height: 240px !important;
    padding: 10px !important;
  }
  .amiraf-heritage-section .amiraf-card-row .et_pb_image img {
    max-height: 215px !important;
  }
}