/*
Theme Name: Fidalgo Child
Theme URI: https://fidalgo.qodeinteractive.com
Description: A child theme of Fidalgo
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: fidalgo
Template: fidalgo
*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap');

/* ============================================================
   PORTOBELLO SHOP — FINAL POLISHED DESIGN
   ============================================================ */


/* ── 1. HIDE SIDEBAR ────────────────────────────────────────── */
.qodef-page-sidebar,
.qodef-page-sidebar-section,
.qodef-col--sidebar,
[class*="qodef-page-sidebar"],
.tax-product_cat #secondary,
.woocommerce-page #secondary,
.woocommerce-shop #secondary,
.widget-area,
aside.sidebar {
  display: none !important;
  width: 0 !important;
  visibility: hidden !important;
}


/* ── 2. CENTERED CONTAINER ──────────────────────────────────── */
.qodef-content-grid {
  grid-template-columns: 1fr !important;
  display: grid !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.qodef-grid-item.qodef-col--content,
.qodef-col--content,
[class*="qodef-col--content"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  grid-column: 1 / -1 !important;
  padding: 48px 60px !important;
  box-sizing: border-box !important;
}


/* ── 3. CATEGORY TABS (CENTERED, SCROLLABLE) ────────────────── */
#pb-category-tabs {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 0 16px 0 !important;
  margin: 0 0 24px 0 !important;
  border-bottom: 1px solid rgba(201, 150, 63, 0.2) !important;
  clear: both !important;
  display: block !important;
}
#pb-category-tabs::-webkit-scrollbar { display: none !important; }
#pb-category-tabs ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: max-content !important;
  min-width: 100% !important;
  justify-content: center !important;
}
#pb-category-tabs ul li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
#pb-category-tabs ul li a {
  display: inline-block !important;
  padding: 10px 24px !important;
  border: 1px solid rgba(201, 150, 63, 0.4) !important;
  border-radius: 99px !important;
  color: #f3ead9 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}
#pb-category-tabs ul li.active a,
#pb-category-tabs ul li.current-cat a,
#pb-category-tabs ul li a:hover {
  background-color: #c9963f !important;
  border-color: #c9963f !important;
  color: #1a1409 !important;
  font-weight: 500 !important;
}


/* ── 4. RESULTS BAR ─────────────────────────────────────────── */
.woocommerce-result-count {
  float: left !important;
  display: inline-block !important;
  clear: none !important;
  margin: 0 !important;
  text-align: left !important;
  color: rgba(243, 234, 217, 0.4) !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}
.woocommerce-ordering {
  float: right !important;
  display: inline-block !important;
  clear: none !important;
  margin: 0 !important;
}
.woocommerce-ordering select {
  background: transparent !important;
  border: 1px solid rgba(201, 150, 63, 0.3) !important;
  color: #f3ead9 !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  border-radius: 4px !important;
  letter-spacing: 1px !important;
}
.woocommerce-products-header,
.woocommerce {
  overflow: visible !important;
}
ul.products {
  clear: both !important;
  margin-top: 32px !important;
}


/* ── 5. PRODUCT LIST ────────────────────────────────────────── */
.woocommerce ul.products,
.woocommerce-page ul.products,
.tax-product_cat ul.products {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.tax-product_cat ul.products li.product {
  width: 100% !important;
  float: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 32px !important;
  padding: 28px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.woocommerce ul.products li.product:last-child {
  border-bottom: none !important;
}
.woocommerce ul.products li.product:hover {
  box-shadow: none !important;
  transform: none !important;
}


/* ── 6. PRODUCT IMAGE ───────────────────────────────────────── */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.tax-product_cat ul.products li.product img,
.woocommerce ul.products li.product a img {
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  flex-shrink: 0 !important;
  display: block !important;
}


/* ── 7. PRODUCT INFO ────────────────────────────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #f3ead9 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  line-height: 1.3 !important;
}

.woocommerce ul.products li.product .woocommerce-product-details__short-description {
  font-size: 14px !important;
  color: rgba(243, 234, 217, 0.55) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.woocommerce ul.products li.product .price,
.tax-product_cat ul.products li.product .price {
  color: #c9963f !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  margin: 4px 0 0 0 !important;
  letter-spacing: 0.5px !important;
}


/* ── 8. ADD TO CART BUTTON ──────────────────────────────────── */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  background: transparent !important;
  border: 1px solid #c9963f !important;
  color: #c9963f !important;
  font-size: 11px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  margin: 10px 0 0 0 !important;
  display: inline-block !important;
  align-self: flex-start !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #c9963f !important;
  color: #1a1409 !important;
}


/* ── 9. HIDE WISHLIST/QUICKVIEW ICONS ───────────────────────── */
.woocommerce ul.products li.product .qodef-woo-product-icons {
  display: none !important;
}


/* ── 10. PAGINATION ─────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-color: rgba(201, 150, 63, 0.3) !important;
  color: #f3ead9 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #c9963f !important;
  color: #1a1409 !important;
  border-color: #c9963f !important;
}


/* ── 11. TABLET (769px - 1024px) ────────────────────────────── */
@media (max-width: 1024px) and (min-width: 769px) {
  .qodef-grid-item.qodef-col--content,
  .qodef-col--content {
    padding: 36px 32px !important;
  }
  .woocommerce ul.products li.product img,
  .tax-product_cat ul.products li.product img {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }
  .woocommerce ul.products li.product { gap: 24px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
  }
}


/* ── 12. MOBILE (≤768px) ────────────────────────────────────── */
@media (max-width: 768px) {
  .qodef-grid-item.qodef-col--content,
  .qodef-col--content {
    padding: 24px 16px !important;
  }
  .woocommerce ul.products li.product img,
  .tax-product_cat ul.products li.product img {
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
  .woocommerce ul.products li.product {
    gap: 16px !important;
    padding: 18px 0 !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    letter-spacing: 1px !important;
  }
  .woocommerce ul.products li.product .price {
    font-size: 14px !important;
  }
  .woocommerce ul.products li.product .woocommerce-product-details__short-description {
    font-size: 12px !important;
  }
  #pb-category-tabs ul li a {
    padding: 7px 14px !important;
    font-size: 11px !important;
  }
  #pb-category-tabs ul {
    justify-content: flex-start !important;
  }
  .woocommerce-result-count,
  .woocommerce-ordering {
    float: none !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-bottom: 12px !important;
  }
}


/* ── 13. CENTER MOBILE LOGO (ARABIC RTL) ────────────────────── */
@media (max-width: 1024px) {
  html[lang="ar"] .qodef-mobile-header-logo-link {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    display: block !important;
  }

  html[lang="ar"] .qodef-mobile-header-inner,
  html[lang="ar"] .qodef-mobile-header,
  html[lang="ar"] .qodef-mobile-header-navigation-holder {
    position: relative !important;
  }
}


/* ── 14. ARABIC GOALS & HISTORY SECTION FIX ─────────────────── */
html[lang="ar"] .elementor-element-3c9dadf.e-flex {
  flex-direction: row !important;
}
html[lang="ar"] .elementor-element-4ff3b94,
html[lang="ar"] .elementor-element-6a20698,
html[lang="ar"] .elementor-element-2724eb5 {
  direction: rtl !important;
}
html[lang="ar"] .elementor-element-1627e50,
html[lang="ar"] .elementor-element-1627e50 .qodef-custom-font,
html[lang="ar"] .elementor-element-1627e50 .qodef-custom-font span,
html[lang="ar"] .elementor-element-1627e50 .qodef-e-inner,
html[lang="ar"] .elementor-element-1627e50 .qode--char,
html[lang="ar"] .elementor-element-1627e50 .qode--char-inner {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
  text-align: left !important;
  letter-spacing: 10px !important;
}
html[lang="ar"] .elementor-element-0772156 .qodef-m-image {
  --qode-item-horizontal: auto !important;
  --qode-item-horizontal-position: auto !important;
  right: -12% !important;
  left: auto !important;
  z-index: 1 !important;
}
html[lang="ar"] .elementor-element-fda3450,
html[lang="ar"] .elementor-element-fda3450 .qodef-m-info {
  position: relative !important;
  z-index: 5 !important;
}
html[lang="ar"] .elementor-element-fda3450 .qodef-m-title,
html[lang="ar"] .elementor-element-fda3450 .qodef-m-text-info .qodef-m-text,
html[lang="ar"] .elementor-element-fda3450 .qodef-m-text-info .qodef-m-text p {
  text-align: right !important;
  direction: rtl !important;
}
html[lang="ar"] .elementor-element-fda3450 .qodef-m-button {
  text-align: right !important;
}


/* ── 15. ARABIC CHEF'S SECTION FIX ──────────────────────────── */
html[lang="ar"] .qodef-section-title .qodef-m-subtitle,
html[lang="ar"] .qodef-m-subtitle,
html[lang="ar"] [class*="chef"] .qodef-custom-font,
html[lang="ar"] [class*="chef"] .qodef-custom-font span,
html[lang="ar"] [class*="chef"] .qodef-e-inner,
html[lang="ar"] [class*="chef"] .qode--char,
html[lang="ar"] [class*="chef"] .qode--char-inner {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
}

html[lang="ar"] .qodef-m-subtitle,
html[lang="ar"] .qodef-section-title .qodef-m-subtitle {
  text-align: right !important;
}

html[lang="ar"] .qodef-section-title,
html[lang="ar"] .qodef-section-title-holder {
  text-align: right !important;
  direction: rtl !important;
}


/* ── 16. ARABIC RESERVE SECTION FIX ─────────────────────────── */
html[lang="ar"] .elementor-element-f2d0331,
html[lang="ar"] .elementor-element-f2d0331 .qodef-custom-font,
html[lang="ar"] .elementor-element-f2d0331 .qodef-custom-font span,
html[lang="ar"] .elementor-element-f2d0331 .qodef-e-inner,
html[lang="ar"] .elementor-element-f2d0331 .qode--char,
html[lang="ar"] .elementor-element-f2d0331 .qode--char-inner {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
  text-align: right !important;
  letter-spacing: 4px !important;
}

html[lang="ar"] .qodef-reservation-form,
html[lang="ar"] .qodef-reservation-form .qodef-m-title,
html[lang="ar"] .qodef-reservation-form h2,
html[lang="ar"] .qodef-reservation-form label,
html[lang="ar"] .qodef-reservation-form em,
html[lang="ar"] .qodef-reservation-form p {
  text-align: right !important;
  direction: rtl !important;
}


/* ── 17. GENERIC FIX: All decorative custom font words in Arabic ─ */
html[lang="ar"] .qodef-custom-font:lang(en),
html[lang="ar"] .qodef-custom-font[data-lang="en"] {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
}


/* ── 18. ARABIC TIME FORMAT FIX ─────────────────────────────── */
html[lang="ar"] select option {
  direction: rtl !important;
  text-align: right !important;
}


/* ── 19. CENTER HERO TEXT (ARABIC) ──────────────────────────── */
html[lang="ar"] sr7-slide sr7-txt,
html[lang="ar"] sr7-module sr7-txt,
html[lang="ar"] .rev_slider sr7-txt,
html[lang="ar"] body sr7-txt {
  left: 50% !important;
  right: auto !important;
  text-align: center !important;
  white-space: normal !important;
  width: auto !important;
  max-width: 90% !important;
  transform: translate(-50%, 0px) !important;
  -webkit-transform: translate(-50%, 0px) !important;
  transform-origin: 0% 0% !important;
}


/* ── 20. ARABIC FONT LOADING ────────────────────────────────── */
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] *,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] li,
html[lang="ar"] div,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}


/* ── 21. MOBILE FONT FIX ────────────────────────────────────── */
@media (max-width: 1024px) {
  html[lang="ar"],
  html[lang="ar"] body,
  html[lang="ar"] sr7-txt,
  html[lang="ar"] .qodef-mobile-header-navigation ul li a,
  html[lang="ar"] .elementor-widget-heading h1,
  html[lang="ar"] .elementor-widget-heading h2,
  html[lang="ar"] .elementor-widget-heading h3 {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 400 !important;
  }
}


/* ── 22. HIDE ROTATING RESERVE BADGE ONLY (ARABIC) ──────────── */
html[lang="ar"] #SR7_2_1-5-2 {
  display: none !important;
  visibility: hidden !important;
}

/* Restore visibility of hero text and buttons */
html[lang="ar"] sr7-txt,
html[lang="ar"] sr7-btn,
html[lang="ar"] sr7-slide sr7-txt,
html[lang="ar"] sr7-slide sr7-btn {
  display: block !important;
  visibility: visible !important;
}
/* ── 23. MENU PAGE TABS FIX (ARABIC) ────────────────────────── */
html[lang="ar"] .qodef-tabs-navigation,
html[lang="ar"] ul.qodef-tabs-nav,
html[lang="ar"] .qodef-tabs-navigation ul {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
}

html[lang="ar"] .qodef-tabs-navigation li,
html[lang="ar"] ul.qodef-tabs-nav li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

html[lang="ar"] .qodef-tabs-navigation li a,
html[lang="ar"] ul.qodef-tabs-nav li a {
  display: inline-block !important;
  padding: 8px 4px !important;
  white-space: nowrap !important;
  direction: rtl !important;
}

/* Mobile menu tabs */
@media (max-width: 768px) {
  html[lang="ar"] .qodef-tabs-navigation,
  html[lang="ar"] ul.qodef-tabs-nav {
    gap: 24px !important;
  }
}
/* ── 24. CENTER SECTION TITLES + CONTAIN PAGE WIDTH (ARABIC) ── */

/* Center all section titles on Arabic menu pages */
html[lang="ar"] .qodef-section-title,
html[lang="ar"] .qodef-section-title-holder,
html[lang="ar"] .qodef-m-title-holder,
html[lang="ar"] .qodef-section-title h2,
html[lang="ar"] .qodef-section-title h3 {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Contain menu page width on Arabic */
html[lang="ar"] .single-post-content,
html[lang="ar"] .qodef-content-grid,
html[lang="ar"] .qodef-page-content,
html[lang="ar"] body .elementor-section.elementor-section-boxed > .elementor-container,
html[lang="ar"] body .e-con.e-flex,
html[lang="ar"] body .elementor-container {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* Menu items grid — proper spacing */
html[lang="ar"] .qodef-menu-list,
html[lang="ar"] .qodef-restaurant-menu-list {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Mobile padding */
@media (max-width: 768px) {
  html[lang="ar"] .qodef-content-grid,
  html[lang="ar"] .qodef-page-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Portobello custom - menu row spacing */
body .qodef-restaurant-menu-list .qodef-grid-inner{row-gap:28px !important;}
body .qodef-restaurant-menu-list .qodef-e-content{margin-top:14px !important;}


/* Portobello custom - menu page centering */
body.page-id-4293 main{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;}
body.page-id-4293 [id^="category-"]{padding-top:130px !important;}