/* ============================================
   Wedding Custom CSS v2 - חתונות.ישראל
   Matching original weddings.co.il design
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700;900&family=Cormorant+Garamond:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

/* === Global === */
body {
  background-color: #FAF8F5 !important;
  font-family: 'Heebo', 'Montserrat', sans-serif !important;
  color: #4A4A4A;
  line-height: 1.8;
}

/* === Logo Override === */
.qodef-logo-wrapper img,
.qodef-header-logo img,
header .logo img {
  content: url('https://xn--9dbae1b9bd.xn--4dbrk0ce/wp-content/uploads/2026/04/logo-new.png') !important;
  max-height: 80px !important;
  width: auto !important;
}

/* === Top Navigation - Main Categories Only === */
.qodef-header-navigation > ul > li > a,
.qodef-menu-area nav > ul > li > a,
nav.main-navigation > ul > li > a {
  font-family: 'Heebo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 1px !important;
  color: #2C2C2C !important;
  padding: 15px 18px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.qodef-header-navigation > ul > li > a:hover,
.qodef-menu-area nav > ul > li > a:hover,
nav.main-navigation > ul > li > a:hover {
  color: #C9A96E !important;
  background-color: rgba(201,169,110,0.08) !important;
}

.qodef-header-navigation > ul > li.current-menu-item > a,
.qodef-menu-area nav > ul > li.current-menu-item > a {
  color: #C9A96E !important;
  border-bottom: 3px solid #C9A96E !important;
}

/* === Page Title / Hero === */
.qodef-title-holder,
.qodef-page-title-holder {
  background-color: #2C2C2C !important;
  padding: 50px 0 !important;
}

.qodef-page-title h1,
.qodef-title-holder h1 {
  color: #C9A96E !important;
  font-family: 'Heebo', serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
}

/* === Content Typography === */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Heebo', sans-serif !important;
  color: #2C2C2C;
  font-weight: 700;
}

h1, .entry-title {
  font-size: 2.2rem !important;
  color: #C9A96E !important;
}

h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; color: #C9A96E; }

.entry-content p,
.qodef-post-text p {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #555;
}

/* === Sidebar - Wedding Style === */
.qodef-sidebar,
aside.widget-area,
#secondary {
  background: #FDFCFA !important;
  border: 1px solid rgba(201,169,110,0.2) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  overflow: hidden;
}

/* Sidebar Section Headers */
.widget-title,
.qodef-widget-title {
  background: linear-gradient(135deg, #C9A96E, #B8956A) !important;
  color: #fff !important;
  font-family: 'Heebo', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border: none !important;
  text-align: right;
}

/* Sidebar Menu Items */
.widget_nav_menu ul,
.widget_pages ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.widget_nav_menu ul li,
.widget_pages ul li {
  border-bottom: 1px solid rgba(201,169,110,0.15) !important;
  margin: 0 !important;
}

.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child {
  border-bottom: none !important;
}

.widget_nav_menu ul li a,
.widget_pages ul li a {
  display: block !important;
  padding: 10px 18px !important;
  color: #555 !important;
  font-family: 'Heebo', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  position: relative;
}

.widget_nav_menu ul li a::before {
  content: '\25C2' !important;
  margin-left: 8px;
  color: #C9A96E;
  font-size: 0.7rem;
}

.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover {
  background: rgba(201,169,110,0.1) !important;
  color: #C9A96E !important;
  padding-right: 24px !important;
}

.widget_nav_menu ul li.current-menu-item a {
  background: rgba(201,169,110,0.15) !important;
  color: #C9A96E !important;
  font-weight: 700 !important;
  border-right: 3px solid #C9A96E !important;
}

/* Sidebar - Sub items */
.widget_nav_menu ul li ul li a {
  padding-right: 35px !important;
  font-size: 0.9rem !important;
  color: #777 !important;
}

/* === Language Switcher === */
.pll-parent-menu-item,
.widget_polylang {
  text-align: center;
  padding: 15px !important;
}

.pll-parent-menu-item ul,
.widget_polylang ul {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pll-parent-menu-item ul li a,
.widget_polylang ul li a {
  display: inline-block !important;
  padding: 5px 10px !important;
  border: 1px solid #C9A96E !important;
  border-radius: 4px !important;
  font-size: 0.85rem !important;
  transition: all 0.3s !important;
}

.pll-parent-menu-item ul li a:hover,
.widget_polylang ul li a:hover {
  background: #C9A96E !important;
  color: #fff !important;
}

/* === Buttons === */
.qodef-btn,
input[type="submit"],
button.wpcf7-submit {
  padding: 12px 35px !important;
  border: 2px solid #C9A96E !important;
  color: #C9A96E !important;
  font-family: 'Heebo', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  cursor: pointer;
  border-radius: 4px !important;
}

.qodef-btn:hover,
input[type="submit"]:hover,
button.wpcf7-submit:hover {
  background: #C9A96E !important;
  color: #fff !important;
}

/* === Forms === */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
  border: 1px solid #E0D4BE !important;
  background: #fff !important;
  padding: 10px 14px !important;
  font-family: 'Heebo', sans-serif !important;
  font-size: 0.95rem !important;
  border-radius: 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: #C9A96E !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,169,110,0.1) !important;
}

.wpcf7 label {
  font-weight: 600 !important;
  color: #333 !important;
  display: block !important;
  margin-bottom: 5px !important;
  margin-top: 12px !important;
}

.wpcf7 h3 {
  background: #C9A96E !important;
  color: #fff !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  margin-top: 25px !important;
}

/* === Footer === */
.qodef-page-footer, footer {
  background-color: #2C2C2C !important;
  color: #B8B8B8 !important;
}

footer a { color: #C9A96E !important; }
footer a:hover { color: #E8D5B0 !important; }

/* === Images === */
.entry-content img {
  border-radius: 6px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

/* === Blockquote === */
blockquote {
  border-right: 3px solid #C9A96E !important;
  border-left: none !important;
  background: #FDFCFA;
  padding: 20px 25px !important;
  font-style: italic;
  color: #666;
}

/* === RTL (Hebrew) === */
html[lang="he-IL"] body,
html[dir="rtl"] body {
  font-family: 'Heebo', sans-serif !important;
}

html[dir="rtl"] .widget_nav_menu ul li a::before {
  content: '\25C2' !important;
  margin-left: 8px;
  margin-right: 0;
}

/* === LTR (English/Russian) === */
html[lang="en-US"] .widget_nav_menu ul li a::before,
html[lang="ru-RU"] .widget_nav_menu ul li a::before {
  content: '\25B8' !important;
  margin-right: 8px;
  margin-left: 0;
}

html[lang="en-US"] blockquote,
html[lang="ru-RU"] blockquote {
  border-left: 3px solid #C9A96E !important;
  border-right: none !important;
}

/* === Mobile === */
@media (max-width: 768px) {
  .qodef-header-navigation > ul > li > a {
    font-size: 0.85rem !important;
    padding: 10px 12px !important;
  }

  h1, .entry-title {
    font-size: 1.6rem !important;
  }
}

/* === TOP MENU - FINAL === */
.qodef-page-header .qodef-header-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
.qodef-header-navigation > ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: auto !important;
}
.qodef-header-navigation > ul > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
}
.qodef-header-navigation > ul > li > a {
    font-family: Heebo, sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    color: #2C2C2C !important;
    padding: 20px 18px !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.qodef-header-navigation > ul > li > a:hover {
    color: #C9A96E !important;
    border-bottom-color: #C9A96E !important;
    background: rgba(201,169,110,0.05) !important;
}
.qodef-header-navigation > ul > li.current-menu-item > a,
.qodef-header-navigation > ul > li.current_page_item > a {
    color: #C9A96E !important;
    border-bottom-color: #C9A96E !important;
}
/* KILL all diamond/decorative pseudo elements */
.qodef-header-navigation .qodef-menu-item-text::before,
.qodef-header-navigation .qodef-menu-item-text::after,
.qodef-header-navigation > ul > li > a::before,
.qodef-header-navigation > ul > li > a::after,
.qodef-header-navigation > ul > li::before,
.qodef-header-navigation > ul > li::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: none !important;
}
/* Kill strikethrough line on hover */
.qodef-header-navigation > ul > li > a .qodef-menu-item-text {
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
    position: relative !important;
}
.qodef-header-navigation > ul > li > a .qodef-menu-item-text::before,
.qodef-header-navigation > ul > li > a .qodef-menu-item-text::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    position: absolute !important;
    opacity: 0 !important;
}
/* Header border */
.qodef-page-header {
    border-bottom: 1px solid rgba(201,169,110,0.15) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}
/* Logo 20% bigger */
body .qodef-header-logo-link img.qodef-header-logo-image.qodef--main.qodef--customizer {
    width: 60px !important;
    height: 60px !important;
    max-width: none !important;
    max-height: none !important;
}

/* Logo aligned with centered menu */
.qodef-page-header .qodef-header-inner,
.qodef-page-header .qodef-header-wrapper-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.qodef-logo-wrapper {
    position: relative !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Darker hover on top menu */
.qodef-header-navigation > ul > li > a:hover {
    color: #9A7F57 !important;
    background: rgba(154,127,87,0.1) !important;
}
.qodef-header-navigation > ul > li > a:hover .qodef-menu-item-text {
    color: #9A7F57 !important;
}

/* Hide page title area on homepage */
body.home .qodef-title-holder,
body.home .qodef-page-title-holder,
body.page-id-19 .qodef-title-holder,
body.page-id-19 .qodef-page-title-holder,
.home .qodef-page-title,
.page-id-19 .qodef-page-title {
    display: none !important;
}

/* Hide page title on homepage - correct selector */
.page-id-19 .qodef-page-title.qodef-m,
body.home .qodef-page-title.qodef-m {
    display: none !important;
}

/* Hide footer completely */
#qodef-page-footer,
.qodef-page-footer,
footer#qodef-page-footer {
    display: none !important;
}

/* Top menu - no bold */
.qodef-header-navigation > ul > li > a,
.qodef-header-navigation > ul > li > a .qodef-menu-item-text {
    font-weight: 400 !important;
}

/* Hide stray slider arrows outside slider */
.ws-arrow {
    display: none !important;
}
.wedding-slider .ws-arrow {
    display: block !important;
}

/* Reduce spacing - header to content */
.qodef-page-title.qodef-m { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.qodef-page-content-holder, #qodef-page-content-holder { padding-top: 15px !important; }
.entry-content, .qodef-post-text { margin-top: 0 !important; padding-top: 0 !important; }

/* Reduce spacing - last block to footer */
.overseas-block { margin-bottom: 10px !important; }
#wedding-footer { margin-top: 10px !important; }

/* Benefits columns - text align right, title center */
.benefit-col p {
    text-align: right !important;
}
.benefit-col h3 {
    text-align: center !important;
}

/* Main text block - global style */
.main-text-block {
    background: #fff !important;
    border: 1px solid rgba(201,169,110,0.2) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 0 30px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
.main-text-content {
    padding: 20px 25px !important;
}
.main-text-content p {
    font-size: 0.92rem !important;
    line-height: 1.8 !important;
    color: #555 !important;
    margin: 0 0 10px !important;
}
.main-text-content h4 {
    font-family: Heebo, sans-serif !important;
    color: #C9A96E !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 18px 0 8px !important;
}

/* Contact form labels - gold color */
.contact-form-wrap .wpcf7 label,
.contact-form-wrap label {
    color: #C9A96E !important;
    font-weight: 600 !important;
}

/* Contact form - smaller fields */
.contact-form-wrap {
    max-width: 400px !important;
}
.contact-form-wrap .wpcf7 input[type="text"],
.contact-form-wrap .wpcf7 input[type="email"],
.contact-form-wrap .wpcf7 input[type="tel"] {
    padding: 6px 10px !important;
    font-size: 0.8rem !important;
    height: 32px !important;
}
.contact-form-wrap .wpcf7 textarea {
    height: 70px !important;
    padding: 6px 10px !important;
    font-size: 0.8rem !important;
}
.contact-form-wrap .wpcf7 label {
    font-size: 0.78rem !important;
    margin: 6px 0 2px !important;
}
.contact-form-wrap .wpcf7 input[type="submit"] {
    padding: 8px !important;
    font-size: 0.85rem !important;
}

/* CF7 success message - gold frame */
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #C9A96E !important;
    background: #f9f6f0 !important;
    color: #C9A96E !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 15px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    margin-top: 15px !important;
}

/* CF7 success - gold not green */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-response-output {
    border-color: #C9A96E !important;
    color: #C9A96E !important;
}

/* Form labels aligned right */
.contact-form-wrap .wpcf7 label {
    text-align: right !important;
    display: block !important;
}

/* Override autofill blue background */
.contact-form-wrap input:-webkit-autofill,
.contact-form-wrap input:-webkit-autofill:hover,
.contact-form-wrap input:-webkit-autofill:focus,
.contact-form-wrap textarea:-webkit-autofill,
.wpcf7 input:-webkit-autofill,
.wpcf7 input:-webkit-autofill:hover,
.wpcf7 input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f9f6f0 inset !important;
    -webkit-text-fill-color: #333 !important;
    border-color: #C9A96E !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Hide page title immediately on contact pages */
body[class*="page-id-24"] .qodef-page-title.qodef-m,
body[class*="page-id-71"] .qodef-page-title.qodef-m,
body[class*="page-id-43"] .qodef-page-title.qodef-m {
    display: none !important;
}
/* Submit button fix */
.contact-form-wrap .wpcf7-submit,
.contact-form-wrap button.wpcf7-submit {
    width: auto !important;
    min-width: 200px !important;
    display: block !important;
    margin: 10px auto 0 !important;
    text-align: center !important;
}