/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ============================================================
   QURBANI EASY — GLOBAL CUSTOM CSS
   ============================================================ */

/* CSS CUSTOM PROPERTIES (Design Tokens) */
:root {
  --qe-green-dark  : #1a7a3c;
  --qe-green-mid   : #1D9E75;
  --qe-green-light : #EAF3DE;
  --qe-black       : #000000;
  --qe-gold        : #C9921A;
  --qe-gold-light  : #FFF6E6;
  --qe-ivory       : #F5F0E8;
  --qe-white       : #ffffff;
  --qe-text-body   : #1a1a1a;
  --qe-text-muted  : #666666;
}

/* BODY & GLOBAL TYPOGRAPHY */
body {
  color: var(--qe-text-body);
  background-color: var(--qe-white);
}

/* NAVBAR */
.site-header, .header, nav.navbar, .main-header-bar,
.elementor-section.elementor-header, header#masthead {
  background-color: var(--qe-green-dark) !important;
}
.site-header a, .header a, nav.navbar a, .main-header-bar a, header#masthead a {
  color: var(--qe-white) !important;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6,
.elementor-widget-heading .elementor-heading-title {
  color: var(--qe-green-dark);
}

/* PRIMARY BUTTONS */
a.elementor-button.elementor-size-md,
.elementor-button-wrapper .elementor-button,
button, .button, input[type="submit"],
.wp-block-button__link, .btn-primary,
.fl-builder-content a.fl-button, a.fl-button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit.alt {
  background-color: var(--qe-gold) !important;
  color: var(--qe-white) !important;
  border: none !important;
  fill: var(--qe-white) !important;
}
a.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover,
button:hover, .button:hover, input[type="submit"]:hover,
.wp-block-button__link:hover, .btn-primary:hover,
.fl-builder-content a.fl-button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
  background-color: var(--qe-green-dark) !important;
  color: var(--qe-white) !important;
}

/* SECONDARY BUTTONS */
.btn-secondary, a.elementor-button.elementor-size-sm,
.wp-block-button.is-style-outline .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button {
  background-color: var(--qe-green-mid) !important;
  color: var(--qe-white) !important;
}
.btn-secondary:hover, a.elementor-button.elementor-size-sm:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
  background-color: var(--qe-green-dark) !important;
  color: var(--qe-white) !important;
}

/* HERO SECTION */
.hero-section, .page-hero, .page-header,
.elementor-section.elementor-top-section:first-of-type,
.fl-row-full-width.fl-row-bg-color {
  background-color: var(--qe-green-dark);
}
.hero-section *, .page-hero *, .page-header * {
  color: var(--qe-white);
}

/* STATS BAR */
.stats-bar,
.elementor-section.elementor-section-height-minimal:has(.counter),
.elementor-widget-counter .elementor-counter-number-wrapper {
  background-color: var(--qe-black) !important;
}
.elementor-counter .elementor-counter-number,
.elementor-counter .elementor-counter-number-prefix,
.elementor-counter .elementor-counter-number-suffix,
.stat-number, .stats-bar .number {
  color: var(--qe-gold) !important;
}
.stats-bar p, .stats-bar .elementor-counter-title, .stats-bar .stat-label {
  color: var(--qe-white) !important;
}

/* ALTERNATING SECTION BACKGROUNDS */
.elementor-top-section:nth-child(even),
section:nth-of-type(even):not(.hero-section):not(.stats-bar):not(.site-footer):not(footer) {
  background-color: var(--qe-ivory) !important;
}
.elementor-top-section:nth-child(odd),
section:nth-of-type(odd):not(:first-of-type):not(.site-footer):not(footer) {
  background-color: var(--qe-white) !important;
}

/* ICON / FEATURE CIRCLES */
.elementor-icon, .fl-icon i, .icon-circle, .feature-icon {
  background-color: var(--qe-green-light) !important;
  color: var(--qe-green-dark) !important;
}

/* TRUST BADGE */
.trust-badge, .premium-badge,
.elementor-widget-image:has(img[alt*="trust"]),
.elementor-widget-image:has(img[alt*="badge"]) {
  background-color: var(--qe-gold-light) !important;
}

/* FOOTER */
footer, .site-footer, .elementor-section.elementor-footer, .footer-wrapper {
  background-color: var(--qe-black) !important;
}
footer *, .site-footer *, .elementor-footer *, .footer-wrapper * {
  color: #cccccc;
}
footer h1, footer h2, footer h3, footer h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4,
.elementor-footer h1, .elementor-footer h2, .elementor-footer h3, .elementor-footer h4 {
  color: var(--qe-white) !important;
}
footer .footer-brand, .site-footer .site-title a,
.footer-wrapper .logo-text,
.elementor-footer .elementor-widget-heading:first-child .elementor-heading-title {
  color: var(--qe-gold) !important;
}
footer a:hover, .site-footer a:hover, .footer-wrapper a:hover, .elementor-footer a:hover {
  color: var(--qe-gold) !important;
}

/* SOCIAL MEDIA ICONS */
.elementor-social-icon, .social-icon, .social-media-wrapper a {
  background-color: var(--qe-green-mid) !important;
  color: var(--qe-white) !important;
}
.elementor-social-icon:hover, .social-icon:hover, .social-media-wrapper a:hover {
  background-color: var(--qe-gold) !important;
  color: var(--qe-white) !important;
}

/* MUTED TEXT */
.text-muted, .muted-text,
.elementor-widget-text-editor p.small,
.woocommerce-Price-amount, .product-price del {
  color: var(--qe-text-muted) !important;
}

/* FORMS */
input, textarea, select, .elementor-field-textual {
  border-color: #ddd !important;
  border-radius: 4px !important;
}
input:focus, textarea:focus, select:focus, .elementor-field-textual:focus {
  border-color: var(--qe-green-mid) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--qe-green-light) !important;
}

/* WOOCOMMERCE */
.woocommerce .price, .woocommerce-Price-amount.amount {
  color: var(--qe-green-dark) !important;
}
.woocommerce .star-rating span:before {
  color: var(--qe-gold) !important;
}

/* ============================================================
   STICKY BOTTOM BUTTONS
   ============================================================ */
.fl-node-hxzna3rjyvkt .fl-col-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    width: 100% !important;
}
.fl-node-6hdkt592xe4c,
.fl-node-wvih1pu68sko,
.fl-node-hj9opk7lu6zc {
    flex: 1 1 33.33% !important;
    min-width: 0 !important;
    margin: 0 !important;
}
.fl-node-6hdkt592xe4c .fl-button,
.fl-node-wvih1pu68sko .fl-button,
.fl-node-hj9opk7lu6zc .fl-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    font-size: 16px !important;
    padding: 6px 4px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}
.fl-node-6hdkt592xe4c .fl-button {
    background-color: #C9921A !important;
    border: 2px solid #C9921A !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fl-node-wvih1pu68sko .fl-button {
    background-color: #1a7a3c !important;
    border: 2px solid #1a7a3c !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fl-node-hj9opk7lu6zc .fl-button {
    background-color: #FF6B00 !important;
    border: 2px solid #FF6B00 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fl-node-6hdkt592xe4c .fl-button,
.fl-node-wvih1pu68sko .fl-button,
.fl-node-hj9opk7lu6zc .fl-button {
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}
.fl-node-6hdkt592xe4c .fl-button br,
.fl-node-wvih1pu68sko .fl-button br,
.fl-node-hj9opk7lu6zc .fl-button br {
    content: "" !important;
}

/* MOBILE MENU — Blocksy off-canvas */
.ct-drawer-canvas,
.ct-drawer-canvas .ct-menu-anchor,
#ct-js-menu,
.ct-panel-inner,
[data-device="mobile"] .ct-header,
.ct-mobile-menu-items,
.ct-panel.active {
  background-color: #1a7a3c !important;
}
.ct-drawer-canvas a,
.ct-drawer-canvas .ct-menu-anchor,
.ct-panel-inner a,
.ct-mobile-menu-items a {
  color: #ffffff !important;
}
.ct-drawer-canvas a:hover,
.ct-panel-inner a:hover {
  color: #E8AE2A !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  :root {
    --qe-gold: #C9921A;
  }
}

/* Blue rectangle permanent fix — Blocksy default override */
.entry-content p,
.entry-content div,
.ct-inner-content p,
.ct-inner-content div,
[class*="elementor"] p,
[class*="elementor"] div {
  border-left: none !important;
  box-shadow: none !important;
}

/* Our Journey page specific */
.page-id-1360 * {
  border-left: none !important;
}

/* PHASE B2 — Navbar + Header Colors */
.ct-header {
  background-color: var(--qe-green) !important;
  border-bottom: 3px solid var(--qe-gold);
}

.header-menu-2.menu-container .ct-menu-link {
  color: #ffffff !important;
}

.header-menu-2.menu-container .ct-menu-link:hover,
.header-menu-2.menu-container .menu-item:hover > .ct-menu-link {
  color: var(--qe-gold) !important;
}

.header-menu-2.menu-container .sub-menu {
  background-color: var(--qe-night) !important;
}

.header-menu-2.menu-container .sub-menu .ct-menu-link {
  color: #ffffff !important;
}

.ct-header-cta .ct-button {
  background-color: var(--qe-gold) !important;
  color: #ffffff !important;
  border-color: var(--qe-gold) !important;
}

/* PHASE B3 — Hero-area background (behind homepage image slider) */
.fl-node-2qoatx0efm96 {
  background-color: var(--qe-green);
  background-image:
    linear-gradient(180deg, var(--qe-green) 0%, var(--qe-night) 100%),
    repeating-linear-gradient(45deg, rgba(201,146,26,0.08) 0px, rgba(201,146,26,0.08) 2px, transparent 2px, transparent 14px);
}

/* PHASE B3 — Buttons (Book Now = Gold everywhere by default) */
.fl-button {
  background-color: var(--qe-gold) !important;
  border-color: var(--qe-gold) !important;
  color: #ffffff !important;
}
.fl-button:hover {
  background-color: var(--qe-night) !important;
  border-color: var(--qe-night) !important;
  color: #ffffff !important;
}

/* PHASE B3 — Sadqah / Bulk Qurbani buttons = Mid Green */
a.fl-button[href$="/sadqah/"],
a.fl-button[href$="/bulk-qurbani/"] {
  background-color: var(--qe-mid-green) !important;
  border-color: var(--qe-mid-green) !important;
}
a.fl-button[href$="/sadqah/"]:hover,
a.fl-button[href$="/bulk-qurbani/"]:hover {
  background-color: var(--qe-night) !important;
  border-color: var(--qe-night) !important;
}

/* PHASE B3 — Stats Bar (Our Achievements numbers) */
.fl-node-iyxo19khcws0 > .fl-row-content-wrap {
  background-image: none !important;
  background-color: var(--qe-black) !important;
}
.fl-node-iyxo19khcws0 > .fl-row-content-wrap:after {
  background-color: var(--qe-black) !important;
}
.fl-node-iyxo19khcws0 .fl-number-int,
.fl-node-iyxo19khcws0 .fl-number-string {
  color: var(--qe-gold) !important;
}
.fl-node-iyxo19khcws0 .fl-heading-text {
  color: #999999 !important;
}

/* PHASE B4 — Service card titles (dark, not bright green) */
.fl-node-f0b5ts9pe34o .fl-heading-text,
.fl-node-rca8m6yxivne .fl-heading-text,
.fl-node-er3a72f1osu0 .fl-heading-text {
  color: #1a1a1a !important;
}

/* PHASE B4 — Star ratings (Subscriber Reviews) = Gold */
.gs-star.fas.fa-star {
  color: var(--qe-gold) !important;
}

/* PHASE B4 — CTA Banner ("Show Your Intrest" section) */
.fl-node-hf6b93knyjdc > .fl-col-content {
  background-image: linear-gradient(rgba(13,61,32,0.75), rgba(26,122,60,0.75)), url(https://qurbanieasy.com/wp-content/uploads/2024/09/pexels-pixabay-46259-scaled-1.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-top: 4px solid var(--qe-gold) !important;
  border-bottom: 4px solid var(--qe-gold) !important;
}
.fl-node-hf6b93knyjdc .fl-heading-text,
.fl-node-hf6b93knyjdc .fl-rich-text,
.fl-node-hf6b93knyjdc .fl-rich-text * {
  color: #ffffff !important;
}

/* PHASE B5 — Footer Colors */
.ct-footer {
  background-color: var(--qe-black) !important;
}
.ct-footer h1 {
  color: var(--qe-gold) !important;
}
.ct-footer .widget-title {
  color: #ffffff !important;
}
.ct-footer .widget-menu a,
.ct-footer .ct-widget p {
  color: #999999 !important;
}
.ct-footer .widget-menu a:hover {
  color: var(--qe-gold) !important;
}
.ct-footer-copyright {
  color: #cccccc !important;
}

/* PHASE B5 — Social icons (actually located in header, not footer, on this site) */
.ct-header-socials .ct-icon-container {
  background-color: var(--qe-mid-green) !important;
}
.ct-header-socials .ct-icon-container svg,
.ct-header-socials .ct-icon-container svg path {
  fill: #ffffff !important;
}
.ct-header-socials a:hover .ct-icon-container {
  background-color: var(--qe-gold) !important;
}

/* PHASE B5 (follow-up) — Footer social icons widget */
.qe-footer-socials {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-top: 12px;
}
.qe-footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--qe-mid-green) !important;
  transition: background-color 0.2s ease;
}
.qe-footer-socials a svg {
  fill: #ffffff;
}
.qe-footer-socials a:hover {
  background-color: var(--qe-gold) !important;
}

/* PHASE B6 — Forms (WooCommerce checkout/booking forms) */
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: var(--qe-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--qe-green) !important;
}
.woocommerce #place_order,
.woocommerce button[type="submit"],
.woocommerce input[type="submit"] {
  background-color: var(--qe-gold) !important;
  color: #ffffff !important;
  border-color: var(--qe-gold) !important;
}
.woocommerce #place_order:hover,
.woocommerce button[type="submit"]:hover,
.woocommerce input[type="submit"]:hover {
  background-color: var(--qe-night) !important;
  border-color: var(--qe-night) !important;
}