/* self-hosted Poppins/Inter, latin, font-display:swap */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 500;font-display:swap;
  src:url("/wp-content/uploads/df-fonts/inter-var.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;
  src:url("/wp-content/uploads/df-fonts/poppins-600.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;
  src:url("/wp-content/uploads/df-fonts/poppins-700.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;}
/* ============================================================
   date-fruits.com — unique design layer (Blocksy + WPBakery)
   Accent #b752ab · Poppins (display) / Inter (body) · centered hero
   Aesthetic: premium date-export house, warm amber neutrals, magenta jewel accent
   ============================================================ */
:root{
  --df-accent:#b752ab;
  --df-accent-btn:#9c3490; /* AA-contrast magenta for white text (6.35:1) */
  --df-accent-deep:#8e2f86;
  --df-accent-soft:#f6e9f5;
  --df-ink:#2a2230;
  --df-ink-soft:#574c5d;
  --df-cream:#fbf7f3;
  --df-amber:#caa25a;
  --df-line:#ece4ec;
}

/* ---------- Typography ---------- */
body, .ct-container, p, li, .wpb_text_column, input, textarea, select, button{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--df-ink);
  letter-spacing:.005em;
}
h1,h2,h3,h4,h5,h6,.vc_custom_heading,.ct-title,.entry-title,.site-title{
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif !important;
  color:var(--df-ink);
  letter-spacing:-.018em;
  font-weight:700;
  line-height:1.14;
}
body{ background:var(--df-cream); line-height:1.7; }

/* ---------- Header / nav (Blocksy) ---------- */
.ct-header [data-id] .site-title a, .site-title a, .ct-logo-container a{
  font-family:"Poppins",sans-serif !important;
  font-weight:700; letter-spacing:-.02em; color:var(--df-ink);
}
header[data-device] .ct-main-styles a, .ct-main-styles>li>a{
  font-family:"Inter",sans-serif; font-weight:500; letter-spacing:.01em;
  text-transform:uppercase; font-size:13px;
}
.ct-main-styles>li>a:hover, .ct-main-styles>li.current-menu-item>a{ color:var(--df-accent) !important; }
.ct-header{ box-shadow:0 1px 0 var(--df-line); }

/* ---------- CENTERED HERO (real <img> LCP + gradient overlay) ---------- */
#banner-part.df-static-hero{
  position:relative;
  min-height:clamp(420px,62vh,640px);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; background:#2a2230;
}
#banner-part.df-static-hero .df-hero-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 38%; z-index:0;
}
#banner-part.df-static-hero::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(42,34,48,.34) 0%, rgba(142,47,134,.46) 60%, rgba(42,34,48,.64) 100%);
}
#banner-part.df-static-hero::after{
  /* thin accent rule motif */
  content:""; position:absolute; left:50%; bottom:38px; transform:translateX(-50%);
  width:64px; height:3px; background:var(--df-accent); z-index:2;
  box-shadow:0 0 0 6px rgba(183,82,171,.18);
}
#banner-part.df-static-hero>.wpb_column, #banner-part.df-static-hero .vc_column-inner{ position:relative; z-index:2; }
#banner-part.df-static-hero .vc_col-sm-6{ width:100% !important; max-width:760px; margin:0 auto; }
#banner-part.df-static-hero .vc_col-sm-3{ display:none; }
#banner-part.df-static-hero h1{
  color:#fff !important; text-align:center !important;
  font-size:clamp(2.1rem,5.2vw,3.6rem) !important; margin:0 0 .55rem;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
}
#banner-part.df-static-hero p{
  color:#fff !important; text-align:center !important;
  font-size:clamp(1rem,2.2vw,1.18rem) !important; font-weight:400;
  letter-spacing:.04em; opacity:.96;
}
/* small eyebrow accent above the h1 */
#banner-part.df-static-hero h1::before{
  content:"EST. 1985 · GLOBAL DATE EXPORT";
  display:block; font-family:"Inter",sans-serif; font-weight:600;
  font-size:.7rem; letter-spacing:.32em; color:#fbdcf6;
  margin-bottom:1rem; text-shadow:none;
}

/* ---------- Buttons (accent jewel) ---------- */
.vc_btn3.vc_btn3-style-custom, .vc_btn3-shape-rounded,
.wp-block-button__link, .ct-button, button.wp-element-button{
  background:var(--df-accent-btn) !important; background-color:var(--df-accent-btn) !important;
  color:#fff !important; border:0 !important;
  font-family:"Poppins",sans-serif !important; font-weight:600 !important;
  letter-spacing:.02em; border-radius:999px !important;
  padding:.7em 1.7em !important;
  box-shadow:0 8px 22px -8px rgba(183,82,171,.6);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.vc_btn3.vc_btn3-style-custom:hover, .wp-block-button__link:hover, .ct-button:hover{
  background:var(--df-accent-deep) !important; color:#fff !important;
  transform:translateY(-2px); box-shadow:0 14px 30px -10px rgba(142,47,134,.7);
}

/* ---------- Section headings get an accent underline tick ---------- */
.wpb_row:not(.df-static-hero) h2.vc_custom_heading{
  position:relative; padding-bottom:.5rem; font-size:clamp(1.5rem,3.4vw,2.1rem);
}
.wpb_row:not(.df-static-hero) h2.vc_custom_heading::after{
  content:""; position:absolute; left:0; bottom:0; width:54px; height:3px;
  background:linear-gradient(90deg,var(--df-accent),var(--df-amber));
  border-radius:3px;
}
.wpb_row:not(.df-static-hero) h2.vc_custom_heading[style*="center"]::after{ left:50%; transform:translateX(-50%); }

/* ---------- Links / accents in body ---------- */
.wpb_text_column a, .entry-content a{ color:var(--df-accent-deep); text-decoration:underline; text-underline-offset:2px; }
.wpb_text_column a:hover{ color:var(--df-accent); }

/* "join-me" call-to-action band -> magenta-tinted panel */
.join-me .join-me-top{
  background:linear-gradient(120deg,var(--df-accent-soft),#fff);
  border:1px solid var(--df-line); border-radius:18px;
  padding:clamp(1.4rem,4vw,2.4rem) !important; margin-top:1rem;
}
.join-me h2{ margin:0 !important; }

/* ---------- Images: soft frame ---------- */
.vc_single_image-img{ border-radius:14px; box-shadow:0 18px 40px -22px rgba(42,34,48,.4); }

/* ---------- Footer ---------- */
.ct-footer, footer .ct-footer{ background:var(--df-ink) !important; }
.ct-footer, .ct-footer a, .ct-footer p, .ct-footer li{ color:#e9e1ec !important; }
.ct-footer a:hover{ color:var(--df-accent) !important; }

/* ---------- Page-load reveal (single, tasteful) ---------- */
@media (prefers-reduced-motion:no-preference){
  #banner-part.df-static-hero h1{ animation:dfUp .7s cubic-bezier(.2,.7,.2,1) both; }
  #banner-part.df-static-hero p{ animation:dfUp .7s .12s cubic-bezier(.2,.7,.2,1) both; }
  @keyframes dfUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;} }
}

/* ---------- Mobile: no horizontal scroll, tighten hero ---------- */
*{ box-sizing:border-box; }
html,body{ overflow-x:hidden; max-width:100%; }
@media (max-width:782px){
  #banner-part.df-static-hero{ min-height:clamp(360px,68vh,520px); padding:2rem 1.1rem; }
  #banner-part.df-static-hero .vc_col-sm-6{ padding:0; }
  .join-me .vc_row-flex{ display:block; }
  .join-me .vc_col-sm-9, .join-me .vc_col-sm-3{ width:100% !important; text-align:center; }
  .join-me .vc_btn3-container{ margin-top:1rem; }
}

/* ---------- Hide redundant Blocksy page-title hero on FRONT PAGE only ---------- */
.home .hero-section, .blog .hero-section.is-width-constrained[data-type="type-1"] .page-title{ }
.home .hero-section[data-type="type-1"]{ display:none !important; }
/* Replace Blocksy footer credit with a clean site line */
.ct-footer .ct-footer-credits{ font-family:"Inter",sans-serif; font-size:13px; opacity:.85; }
.ct-footer .ct-footer-credits a[href*="creativethemes"], .ct-footer .ct-footer-credits a[href*="blocksy"]{ display:none !important; }

/* ---------- a11y: force-override WPBakery inline-styled buttons (contrast) ---------- */
a.vc_btn3, a.vc_btn3.vc_btn3-style-custom{
  background:var(--df-accent-btn) !important; background-color:var(--df-accent-btn) !important;
  color:#fff !important;
}
a.vc_btn3:hover{ background:var(--df-accent-deep) !important; color:#fff !important; }
/* footer copyright/credit text: ensure AA contrast on dark footer */
.ct-footer-copyright, .ct-footer-copyright *, .ct-footer .ct-footer-credits, .ct-footer-copyright a{
  color:#e9e1ec !important;
}
.ct-footer-copyright a:hover{ color:#f3b9ec !important; }
/* hero eyebrow: ensure strong contrast over overlay */
#banner-part.df-static-hero h1::before{ color:#ffe1fb; text-shadow:0 1px 8px rgba(0,0,0,.45); }