/*
Theme Name:   Luxury Umrah
Theme URI:    https://luxury-umrah.com/
Description:  Child theme for Kadence – white & gold design with green accents for luxury-umrah.com. Local fonts (Marcellus, Manrope), branded header/footer, Forminator & Trustindex styling and a full-width landing page template.
Author:       Luxury Umrah by Mekka Travel
Author URI:   https://luxury-umrah.com/
Template:     kadence
Version:      1.1.0
Requires at least: 6.3
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  luxury-umrah
*/

/* ════════════════════════════════════════════
   1. DESIGN TOKENS  (override Kadence global palette)
   Palette 1–2: green accent | 3–6: text | 7–9: backgrounds
   ════════════════════════════════════════════ */
:root{
  --global-palette1:#0F6B52;   /* accent: buttons, links, icons */
  --global-palette2:#0B5541;   /* accent hover */
  --global-palette3:#1F2421;   /* headings */
  --global-palette4:#2E3430;   /* strong text */
  --global-palette5:#5C625E;   /* body text */
  --global-palette6:#8A8F8B;   /* subtle text */
  --global-palette7:#E8DFCF;   /* borders, gold-beige */
  --global-palette8:#FBF9F5;   /* light background */
  --global-palette9:#FFFFFF;   /* white */

  --global-palette-btn-bg:#0F6B52;
  --global-palette-btn-bg-hover:#0B5541;
  --global-palette-btn:#FFFFFF;
  --global-palette-btn-hover:#FFFFFF;

  --global-body-font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --global-heading-font-family:'Marcellus',Georgia,'Times New Roman',serif;
  --global-primary-nav-font-family:'Manrope',system-ui,sans-serif;

  --lu-gold:#D0B164;
  --lu-gold-lt:#E3CF9C;
  --lu-gold-dk:#8C6A35;
  --lu-gold-tint:rgba(208,177,100,.12);
  --lu-sand:#F8F1E4;
  --lu-radius:10px;
  --lu-radius-sm:6px;
}

/* ════════════════════════════════════════════
   2. BASE TYPOGRAPHY
   ════════════════════════════════════════════ */
body{
  font-family:var(--global-body-font-family);
  color:var(--global-palette5);
  background:var(--global-palette9);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.site-title,
.wp-block-heading{
  font-family:var(--global-heading-font-family);
  font-weight:400;
  color:var(--global-palette3);
  letter-spacing:.005em;
}
h1{line-height:1.08}
h2{line-height:1.15}
a{color:var(--global-palette1);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--global-palette2)}
::selection{background:var(--lu-gold-lt);color:var(--global-palette3)}
:focus-visible{outline:2px solid var(--global-palette1);outline-offset:3px}

/* ════════════════════════════════════════════
   4. BUTTONS (Kadence, core blocks, Kadence Blocks)
   ════════════════════════════════════════════ */
.button,
input[type="submit"],
.wp-block-button__link,
.wp-element-button,
.kb-button{
  font-family:var(--global-body-font-family);
  font-weight:700;
  border-radius:var(--lu-radius-sm);
}
.wp-block-button.is-style-outline > .wp-block-button__link{
  background:transparent;color:var(--global-palette3);border:1px solid var(--lu-gold);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{
  background:var(--lu-gold-tint);color:var(--lu-gold-dk);
}

/* ════════════════════════════════════════════
   5. CONTENT
   ════════════════════════════════════════════ */
.entry-hero-container-inner,
.entry-hero .entry-hero-container-inner{
  background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 40%,var(--lu-sand) 100%);
  border-bottom:1px solid var(--global-palette7);
}
.entry-content blockquote,
.wp-block-quote{
  border-left:3px solid var(--lu-gold);
  background:linear-gradient(90deg,var(--lu-gold-tint),transparent);
  padding:18px 24px;border-radius:0 var(--lu-radius-sm) var(--lu-radius-sm) 0;
}
.entry-content hr,.wp-block-separator{
  border:none;height:1px;
  background:linear-gradient(90deg,transparent,var(--lu-gold) 50%,transparent);
}
.content-bg,.entry.single-entry,.loop-entry{border-radius:var(--lu-radius)}
.loop-entry{border:1px solid var(--global-palette7);box-shadow:none}
.loop-entry .entry-title a:hover{color:var(--global-palette1)}

/* Form fields (general) */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
input[type="number"],input[type="date"],input[type="search"],input[type="password"],
select,textarea{
  font-family:var(--global-body-font-family);
  border:1px solid var(--global-palette7);
  border-radius:var(--lu-radius-sm);
  background:#FFFFFF;color:var(--global-palette3);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--lu-gold);
  box-shadow:0 0 0 3px var(--lu-gold-tint);
  outline:none;
}

/* ════════════════════════════════════════════
   6. FORMINATOR  (set form Appearance → Design style: "None")
   ════════════════════════════════════════════ */
.forminator-ui.forminator-custom-form{font-family:var(--global-body-font-family)}
.forminator-ui .forminator-label{
  font-family:var(--global-body-font-family) !important;
  font-size:14px !important;font-weight:600 !important;
  color:var(--global-palette3) !important;margin-bottom:6px !important;
}
.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea,
.forminator-ui select.forminator-select2,
.forminator-ui .select2-selection,
.forminator-ui .forminator-select-dropdown-container--open .select2-dropdown{
  font-family:var(--global-body-font-family) !important;
  font-size:15px !important;
  border:1px solid var(--global-palette7) !important;
  border-radius:var(--lu-radius-sm) !important;
  background:#FFFFFF !important;color:var(--global-palette3) !important;
  padding:12px 14px !important;min-height:48px;
  box-shadow:none !important;
}
.forminator-ui .select2-selection{padding:6px 10px !important}
.forminator-ui .forminator-input:focus,
.forminator-ui .forminator-textarea:focus,
.forminator-ui .select2-container--open .select2-selection{
  border-color:var(--lu-gold) !important;
  box-shadow:0 0 0 3px var(--lu-gold-tint) !important;
}
.forminator-ui .forminator-input::placeholder,
.forminator-ui .forminator-textarea::placeholder{color:var(--global-palette6) !important}
.forminator-ui .forminator-radio-bullet,
.forminator-ui .forminator-checkbox-box{border-color:var(--lu-gold) !important}
.forminator-ui .forminator-radio input:checked + .forminator-radio-bullet::before{background:var(--global-palette1) !important}
.forminator-ui .forminator-checkbox input:checked + .forminator-checkbox-box{background:var(--global-palette1) !important;border-color:var(--global-palette1) !important}
.forminator-ui .forminator-button-submit,
.forminator-ui .forminator-button.forminator-button-submit{
  width:100%;
  font-family:var(--global-body-font-family) !important;
  font-size:15px !important;font-weight:700 !important;
  background:var(--global-palette1) !important;color:#FFFFFF !important;
  border:none !important;border-radius:var(--lu-radius-sm) !important;
  padding:16px 28px !important;box-shadow:none !important;
  transition:background .2s,transform .15s;
}
.forminator-ui .forminator-button-submit:hover{background:var(--global-palette2) !important;transform:translateY(-1px)}
.forminator-ui .forminator-error-message{
  background:#FBEDEA !important;color:#9A3324 !important;border-radius:var(--lu-radius-sm) !important;font-size:13px !important;
}
.forminator-ui .forminator-response-message.forminator-success{
  background:linear-gradient(90deg,rgba(15,107,82,.08),var(--lu-gold-tint)) !important;
  color:var(--global-palette3) !important;border-left:3px solid var(--global-palette1) !important;
  border-radius:var(--lu-radius-sm) !important;
}

/* ════════════════════════════════════════════
   7. TRUSTINDEX REVIEWS
   ════════════════════════════════════════════ */
.ti-widget,.ti-widget *{font-family:var(--global-body-font-family) !important}
.ti-widget .ti-review-item > .ti-inner{
  border:1px solid var(--global-palette7) !important;
  border-radius:var(--lu-radius) !important;
  background:linear-gradient(180deg,#FFFFFF,#FFFCF7) !important;
}

/* ════════════════════════════════════════════
   9. LANDING PAGE TEMPLATE
   ════════════════════════════════════════════ */
.lu-landing{overflow-x:clip;width:100%}
.lu-landing > .entry-content-wrap,
.lu-landing .entry-content{margin:0;padding:0;max-width:none}
html{scroll-behavior:smooth}
html{scroll-padding-top:110px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Back to top */
#kt-scroll-up,.scroll-up-wrap .scroll-up-button{
  background:var(--global-palette1) !important;color:#fff !important;
  border:none !important;border-radius:var(--lu-radius-sm) !important;
}