/*
Theme Name: Minds Agency
Theme URI: https://minds-sa.com
Author: Ahmed Saeed
Description: Custom theme for Minds — a Saudi social media & advertising agency. Homepage, Contact page with lead form, floating WhatsApp widget, and a custom admin dashboard (Minds Admin) for content, media, messages and WhatsApp-click analytics.
Version: 1.8.1
Text Domain: minds
*/

:root{
  --cream:#F4EFE2;
  --ink:#141414;
  --lavender:#B7A9F0;
  --mint:#7EE2B8;
  --whatsapp:#25D366;
}

*{box-sizing:border-box;}
html{direction:ltr;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif;overflow-x:hidden;direction:ltr;text-align:left;unicode-bidi:embed;}
img{display:block;max-width:100%;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:#7A6BD1;}
.anton{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:-0.01em;}

/* Nav */
.minds-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:var(--cream);position:sticky;top:0;z-index:50;border-bottom:2px solid var(--ink);}
body.admin-bar .minds-nav{top:32px;}
@media screen and (max-width:782px){body.admin-bar .minds-nav{top:46px;}}
.minds-nav__logo img{height:48px;width:auto;}
.minds-nav__links{display:flex;align-items:center;gap:36px;}
.minds-nav__links a{font-weight:700;font-size:15px;}
.minds-btn{display:inline-block;background:var(--ink);color:var(--cream);padding:13px 28px;border-radius:100px;font-weight:700;font-size:15px;}

/* Hero */
.minds-hero img{width:100%;height:auto;object-fit:contain;display:block;}

/* About */
.minds-about{padding:90px 48px;display:flex;gap:44px;align-items:flex-start;flex-wrap:wrap;}
.minds-about h2{font-size:40px;margin:0;}
.minds-about__body{flex:1;min-width:300px;}
.minds-about__body p{font-size:19px;line-height:1.85;font-weight:400;color:rgba(20,20,20,.72);max-width:820px;margin:0 0 30px;letter-spacing:.01em;}
.minds-about__mascot{width:210px;margin-left:-140px;margin-bottom:-90px;}

/* Marquee */
.minds-marquee{background:var(--cream);padding:36px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;}
.minds-marquee__track{display:flex;width:max-content;animation:minds-marquee 20s linear infinite;}
.minds-marquee__group{display:flex;}
.minds-marquee span{font-size:56px;padding:0 36px;white-space:nowrap;}
.minds-marquee span.alt{color:var(--lavender);-webkit-text-stroke:2px var(--ink);}
@keyframes minds-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* Numbered sections */
.minds-section{position:relative;}
.minds-section--designs{background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;}
.minds-section--art{background:var(--cream);padding:90px 0 90px 48px;}
.minds-section--designs{background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;position:relative;}
.minds-section--designs .full-row{grid-column:1/-1;}
.minds-section--social{background:var(--lavender);padding:90px 0 90px 48px;}
.minds-section .divider-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff90;}
.minds-section .divider-h{position:absolute;left:0;right:0;height:1px;background:#ffffff90;}
.minds-num{position:relative;height:140px;margin-bottom:36px;display:flex;align-items:center;}
.minds-num .num{position:absolute;top:-14px;font-size:clamp(80px,13vw,180px);line-height:.8;}
.minds-num .heading{margin-left:130px;}
.minds-num .heading h3{font-size:56px;margin:0;}
.minds-num .heading ul{font-size:17px;font-weight:600;margin:16px 0 0;padding:0;line-height:2.1;letter-spacing:.01em;opacity:.75;list-style:none;}

.minds-media-row{display:flex;gap:24px;width:100%;}
.minds-media-row video, .minds-media-row img.slot{flex:1;min-width:0;aspect-ratio:200/410;object-fit:cover;border-radius:20px;}
.minds-art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-right:0;}
.minds-art-grid img{width:100%;height:260px;object-fit:cover;border-radius:16px;}

/* Partners */
.minds-partners{background:var(--cream);padding:70px 48px;}
.minds-partners__mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);margin-bottom:20px;}
.minds-partners__track{display:flex;width:max-content;gap:20px;animation:minds-partners-a 34s linear infinite;}
.minds-partners__track.rev{animation-name:minds-partners-b;}
.minds-partners__group{display:flex;gap:20px;}
.minds-partner-card{width:150px;height:100px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(20,20,20,.08);flex:0 0 auto;}
.minds-partner-card img{height:40px;max-width:100px;width:auto;object-fit:contain;}
@keyframes minds-partners-a{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes minds-partners-b{from{transform:translateX(-50%);}to{transform:translateX(0);}}

/* Footer */
.minds-footer{background:var(--mint);padding:80px 48px 40px;}
.minds-footer__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px;}
.minds-footer h2{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 20px;}
.minds-footer__cols{display:flex;gap:60px;flex-wrap:wrap;font-weight:700;font-size:16px;line-height:2;}
.minds-footer__cols .label{opacity:.7;font-size:13px;margin-bottom:6px;letter-spacing:.04em;}
.minds-footer__bottom{border-top:2px solid #14141440;padding-top:20px;font-size:14px;font-weight:600;opacity:.8;}

/* WhatsApp floating widget */
.minds-wa{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.minds-wa__card{width:290px;background:#fff;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.22);overflow:hidden;display:none;}
.minds-wa__card.open{display:block;}
.minds-wa__card-head{background:var(--whatsapp);padding:16px 20px;display:flex;align-items:center;gap:12px;}
.minds-wa__badge{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--whatsapp);font-size:15px;}
.minds-wa__card-head span{color:#fff;font-weight:700;font-size:15px;}
.minds-wa__card-body{padding:18px 20px;}
.minds-wa__card-body p{margin:0 0 16px;font-size:14px;line-height:1.6;}
.minds-wa__start{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--whatsapp);color:#fff;padding:12px;border-radius:100px;font-weight:700;font-size:14px;}
.minds-wa__number{text-align:center;margin-top:10px;font-size:13px;color:#666;}
.minds-wa__bubble{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;border:none;}
.minds-wa__bubble .icon{width:24px;height:20px;background:#fff;border-radius:7px;position:relative;}
.minds-wa__bubble .icon:after{content:"";position:absolute;bottom:-6px;left:7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;}

/* Contact page */
.minds-contact-hero{background:var(--lavender);padding:80px 48px 70px;}
.minds-contact-hero h1{font-size:clamp(56px,9vw,120px);line-height:.9;margin:0;}
.minds-contact-hero p{font-size:19px;font-weight:500;max-width:560px;margin:20px 0 0;}
.minds-contact-wrap{padding:80px 48px;display:flex;gap:80px;flex-wrap:wrap;align-items:flex-start;}
.minds-form{flex:2;min-width:340px;display:flex;flex-direction:column;gap:22px;}
.minds-form .row{display:flex;gap:22px;flex-wrap:wrap;}
.minds-form .field{flex:1;min-width:220px;}
.minds-form label{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.7;}
.minds-form input, .minds-form textarea{width:100%;margin-top:8px;padding:14px 16px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:15px;outline:none;font-family:inherit;}
.minds-form textarea{resize:vertical;}
.minds-form button[type=submit]{align-self:flex-start;background:var(--ink);color:var(--cream);padding:16px 36px;border-radius:100px;font-weight:700;font-size:16px;border:none;cursor:pointer;}
.minds-services{position:relative;}
.minds-services__toggle{margin-top:8px;padding:14px 16px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.minds-services__panel{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:2px solid var(--ink);border-radius:12px;z-index:10;overflow:hidden;display:none;}
.minds-services__panel.open{display:block;}
.minds-services__row{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid rgba(20,20,20,.1);}
.minds-services__check{width:18px;height:18px;border-radius:5px;border:2px solid var(--ink);flex:0 0 auto;}
.minds-services__row.active .minds-services__check{background:var(--ink);}
.minds-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:24px 16px;border:2px dashed var(--ink);border-radius:12px;background:#fff;cursor:pointer;text-align:center;}
.minds-success{padding:16px 20px;background:var(--mint);border-radius:14px;font-weight:700;font-size:15px;}
.minds-info-col{flex:1;min-width:280px;display:flex;flex-direction:column;gap:32px;}
.minds-info-col .label{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.6;margin-bottom:8px;}
.minds-wa-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--whatsapp);color:#fff;padding:16px;border-radius:100px;font-weight:700;font-size:15px;margin-top:8px;}

/* Admin dashboard */
.minds-admin-wrap{display:flex;margin:0 -20px;min-height:80vh;background:var(--cream);}
.minds-admin-sidebar{width:230px;flex:0 0 auto;background:var(--ink);color:var(--cream);padding:28px 20px;}
.minds-admin-sidebar .brand{font-family:'Anton',sans-serif;font-size:24px;margin-bottom:24px;}
.minds-admin-sidebar .brand small{display:block;font-size:12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;opacity:.6;letter-spacing:.06em;}
.minds-admin-tab{padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;color:var(--cream);}
.minds-admin-tab.active{background:var(--cream);color:var(--ink);}
.minds-admin-main{flex:1;padding:40px 48px;min-width:0;}
.minds-admin-main h1{font-size:36px;margin:0 0 28px;}
.minds-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;}
.minds-stat-card{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:20px;}
.minds-stat-card .label{font-size:13px;font-weight:700;opacity:.6;letter-spacing:.03em;}
.minds-stat-card .value{font-size:34px;font-family:'Anton',sans-serif;margin-top:8px;}
.minds-admin-card{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:24px;}
.minds-grid-table .row{display:grid;padding:12px 14px;font-size:14px;}
.minds-grid-table .row.head{border-bottom:2px solid var(--ink);font-size:12px;letter-spacing:.04em;opacity:.6;font-weight:700;}
.minds-grid-table .row:not(.head){border-bottom:1px solid rgba(20,20,20,.1);}
.minds-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.minds-media-card{background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden;}
.minds-media-card .preview{height:140px;background:var(--lavender);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;opacity:.6;}
.minds-media-card .body{padding:14px;}
.minds-media-card .name{font-size:13px;font-weight:800;margin-bottom:10px;}
.minds-media-card .toggle{display:flex;gap:6px;}
.minds-media-card .toggle button{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:2px solid var(--ink);background:#fff;}
.minds-media-card .toggle button.active{background:var(--ink);color:var(--cream);}


/* ================= Mobile ================= */
.minds-nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;}
.minds-nav__burger span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s;}
.minds-nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.minds-nav__burger.open span:nth-child(2){opacity:0;}
.minds-nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width: 860px) {
  .minds-nav{padding:14px 20px;position:sticky;}
  .minds-nav__burger{display:flex;}
  .minds-nav__logo img{height:36px;}
  .minds-nav__links{position:fixed;top:66px;left:0;right:0;background:var(--cream);border-bottom:2px solid var(--ink);flex-direction:column;align-items:flex-start;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .25s ease;z-index:60;}
  .minds-nav__links.open{max-height:400px;padding:8px 0;}
  .minds-nav__links a{font-size:16px;padding:14px 24px;width:100%;}
  .minds-nav__links img{height:40px !important;margin:14px 24px;}
  .minds-btn{padding:10px 18px;font-size:13px;}

  .minds-about{position:relative;padding:56px 24px 130px !important;flex-direction:column;gap:20px;}
  .minds-about h2{font-size:30px;}
  .minds-about__body p{font-size:16px;}
  .minds-about__mascot{width:150px !important;position:absolute !important;left:24px;bottom:0;margin:0 !important;}

  .minds-marquee span{font-size:32px;padding:0 20px;}

  .minds-section--designs{grid-template-columns:1fr;}
  .minds-section--designs .divider-v{display:none;}
  .minds-section--designs .divider-h{display:none;}
  .minds-num{min-height:auto;height:auto;flex-direction:column;align-items:flex-start;position:static;padding-top:70px;}
  .minds-num .num{position:static;font-size:70px;line-height:1;margin-bottom:10px;}
  .minds-num .heading{margin-left:0 !important;}
  .minds-num .heading h3{font-size:34px;}
  .minds-num .heading ul{font-size:15px;}

  .minds-section--art, .minds-section--social{padding:56px 20px;}
  .minds-art-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .minds-art-grid img{height:170px;}

  .minds-media-row{flex-wrap:wrap;gap:14px !important;justify-content:flex-start !important;}
  .minds-media-row video, .minds-media-row img.slot{max-width:130px !important;}

  .minds-partners{padding:40px 20px;}

  .minds-footer{padding:56px 20px 28px;}
  .minds-footer h2{font-size:32px;}
  .minds-footer__cols{gap:28px;font-size:14px;}

  .minds-contact-hero{padding:56px 24px 40px;}
  .minds-contact-hero h1{font-size:48px;}
  .minds-contact-wrap{padding:40px 24px;gap:32px;}
  .minds-form .row{flex-direction:column;gap:14px;}

  .minds-wa{bottom:16px;right:16px;}
  .minds-wa__card{width:250px;}
}


/* ---- Numbered sections (01/02/03) on mobile: real stacked, centered layout, bigger scale ---- */
@media (max-width: 860px) {
  .minds-section--designs{grid-template-columns:1fr !important;}
  .minds-designs__text{padding:44px 24px 0 24px !important;}
  .minds-designs__topimg{padding:24px 24px 34px 24px !important;}
  .minds-designs__topimg img, .minds-designs__topimg > div{width:100% !important;margin-left:0 !important;height:auto !important;aspect-ratio:4/3;}
  .minds-designs__videos, .minds-designs__phones{padding:20px 24px !important;flex-wrap:wrap;}
  .minds-designs__videos > *, .minds-designs__phones > .slot{flex:0 1 160px !important;max-width:160px !important;}
  .minds-designs__squares{max-width:160px !important;flex:0 1 160px !important;gap:16px !important;}

  .minds-num{padding-top:0 !important;}
  .minds-num > div:not(.num){margin-left:0 !important;}
  .minds-num .num{position:static !important;display:block;font-size:76px;}
  .minds-num{display:flex;flex-direction:column;gap:10px;}
  .minds-num .heading, .minds-num h3{margin-top:0;font-size:34px !important;}
  .minds-num ul{padding:0;font-size:17px !important;}

  .minds-section--art, .minds-section--social{padding:64px 24px !important;}
  .minds-art-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px !important;padding:0 !important;}
  .minds-art-grid img{height:200px !important;}
  .minds-media-row{flex-wrap:wrap !important;padding:0 !important;justify-content:center;gap:20px !important;}
  .minds-media-row > *{flex:0 1 44% !important;max-width:44% !important;}

  .minds-about h2{font-size:44px !important;}
  .minds-about__body p{font-size:18px !important;}
    .minds-hero{background:var(--lavender);}
  .minds-hero{aspect-ratio:4/5;overflow:hidden;}
  .minds-hero img{width:100%;height:100%;object-fit:cover;}
  .minds-marquee span{font-size:38px !important;padding:0 22px !important;}
  .minds-footer h2{font-size:36px !important;}
}
@media (max-width: 480px) {
  .minds-num .num{font-size:64px !important;}
  .minds-num h3{font-size:30px !important;}
  .minds-designs__videos > *, .minds-designs__phones > .slot, .minds-designs__squares{flex-basis:135px !important;max-width:135px !important;}
  .minds-media-row > *{flex-basis:45% !important;max-width:45% !important;}
  .minds-art-grid{grid-template-columns:1fr 1fr !important;}
}

/* ---- Scroll reveal ---- */
.minds-reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease;}
.minds-reveal.is-visible{opacity:1;transform:translateY(0);}