/*
Theme Name: YitiDhan Foundation
Theme URI: https://yitidhan.org/
Author: YitiDhan Foundation
Description: Responsive pink and purple WordPress theme for YitiDhan Foundation, focused on women's education, economic support and skills training.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yitidhan
*/
:root{--yd-purple:#6426a8;--yd-purple-dark:#35145f;--yd-pink:#f7d9ec;--yd-pink-light:#fff4fa;--yd-magenta:#c02685;--yd-ink:#2b2033;--yd-muted:#6e6275;--yd-white:#fff;--yd-border:#eedced;--yd-shadow:0 14px 38px rgba(67,22,91,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8fc;color:var(--yd-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--yd-purple);text-decoration:none}a:hover{color:var(--yd-magenta)}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--yd-border)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--yd-purple),var(--yd-magenta));color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 20px #6426a833}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-weight:850;font-size:1.22rem;letter-spacing:-.03em;color:var(--yd-purple-dark)}.brand-tagline{font-size:.72rem;color:var(--yd-muted);margin-top:5px}.custom-logo{max-height:56px;width:auto}.main-navigation ul{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}.main-navigation a{font-size:.94rem;font-weight:650;color:#46344e}.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--yd-magenta)}.main-navigation .menu-item-donate>a{display:inline-flex;background:var(--yd-magenta);color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 7px 18px #c0268530}.menu-toggle{display:none;border:1px solid var(--yd-border);background:#fff;border-radius:12px;padding:9px 12px;color:var(--yd-purple);font-weight:800}.hero{position:relative;overflow:hidden;padding:84px 0 78px;background:radial-gradient(circle at 88% 18%,#e7c4ff 0,transparent 28%),radial-gradient(circle at 7% 88%,#f8c9e6 0,transparent 34%),linear-gradient(120deg,#fff1f8,#f5eaff 65%,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e7c5e6;background:#ffffffa6;color:var(--yd-magenta);border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:800;letter-spacing:.02em}.hero h1{font-size:clamp(2.5rem,5.3vw,4.5rem);line-height:1.06;letter-spacing:-.055em;color:var(--yd-purple-dark);margin:22px 0}.hero h1 span{color:var(--yd-magenta)}.hero p{font-size:1.12rem;color:#5f4e67;max-width:620px;margin:0 0 28px}.button-row{display:flex;flex-wrap:wrap;gap:13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:2px solid transparent;border-radius:999px;padding:13px 23px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--yd-magenta),#9b2ac0);color:#fff;box-shadow:0 12px 26px #c0268535}.btn-primary:hover{color:#fff;box-shadow:0 15px 30px #c0268545}.btn-outline{border-color:#d8b6e9;color:var(--yd-purple);background:#ffffffb8}.hero-art{position:relative;min-height:365px;display:grid;place-items:center}.art-circle{width:min(100%,390px);aspect-ratio:1;border-radius:44% 56% 52% 48% / 46% 42% 58% 54%;background:linear-gradient(145deg,#f5b8dc,#d8b9ff);display:grid;place-items:center;box-shadow:var(--yd-shadow);transform:rotate(-4deg);border:12px solid #ffffff9c}.art-inner{width:72%;height:72%;border-radius:50%;background:linear-gradient(145deg,#fff8fd,#f1dfff);display:grid;place-items:center;text-align:center;color:var(--yd-purple);transform:rotate(4deg);padding:25px}.art-icon{font-size:5.6rem;line-height:1}.art-inner strong{display:block;font-size:1.2rem;margin-top:8px}.floating-note{position:absolute;background:#fff;border:1px solid #f0d9ef;border-radius:18px;padding:13px 17px;box-shadow:var(--yd-shadow);font-size:.88rem;font-weight:800;color:var(--yd-purple-dark)}.floating-note.one{top:35px;right:0}.floating-note.two{bottom:30px;left:0}.section{padding:76px 0}.section-soft{background:linear-gradient(135deg,#fff0f8,#f6edff)}.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em;color:var(--yd-purple-dark);margin:8px 0 13px}.section-heading p{color:var(--yd-muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.info-card{background:#fff;border:1px solid var(--yd-border);border-radius:24px;padding:27px;box-shadow:0 8px 25px #42165a08}.card-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#f9d5ea,#e6d4ff);font-size:1.8rem;margin-bottom:17px}.info-card h3{font-size:1.22rem;color:var(--yd-purple-dark);margin:0 0 9px}.info-card p{margin:0;color:var(--yd-muted)}.info-card a.text-link{display:inline-block;margin-top:17px;font-weight:800}.impact-band{padding:37px 0;background:linear-gradient(110deg,var(--yd-purple-dark),#7827a4 55%,#b32b88);color:#fff}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.impact-item strong{display:block;font-size:1.15rem}.impact-item span{display:block;font-size:.9rem;color:#f4dff9;margin-top:4px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px}.split-visual{min-height:300px;border-radius:30px;background:radial-gradient(circle at 20% 20%,#f5badd,transparent 42%),linear-gradient(135deg,#e8d8ff,#fff0f7);display:grid;place-items:center;padding:30px}.split-visual .large-icon{font-size:7rem;filter:drop-shadow(0 10px 10px #6426a822)}.split h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em;color:var(--yd-purple-dark);margin:0 0 16px}.split p{color:var(--yd-muted)}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{margin:10px 0;padding-left:30px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#f2d8f0;color:var(--yd-magenta);font-weight:900;text-align:center;line-height:22px}.cta-panel{border-radius:30px;padding:42px;background:linear-gradient(125deg,#6426a8,#9c2eaa 58%,#c02685);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-panel h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15}.cta-panel p{margin:0;color:#f5e7fb;max-width:650px}.cta-panel .btn{background:#fff;color:var(--yd-purple-dark);white-space:nowrap}.page-banner{padding:58px 0;background:linear-gradient(120deg,#fbe2f1,#eee2ff)}.page-banner h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;color:var(--yd-purple-dark);letter-spacing:-.04em;margin:0 0 12px}.page-banner p{margin:0;color:#66516f}.page-content{padding:55px 0 75px;min-height:36vh}.content-panel{background:#fff;border:1px solid var(--yd-border);border-radius:24px;padding:clamp(22px,4vw,42px);box-shadow:var(--yd-shadow)}.content-panel h2,.content-panel h3{color:var(--yd-purple-dark)}.content-panel input,.content-panel textarea,.content-panel select{max-width:100%;border:1px solid #dfcde5;border-radius:12px;padding:12px;width:100%}.content-panel input[type=submit],.content-panel button{width:auto;background:var(--yd-magenta);color:#fff;border:0;cursor:pointer}.site-footer{background:#28113f;color:#f8eefa;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:38px}.footer-brand{color:#fff;font-size:1.45rem;font-weight:850}.site-footer p{color:#ddcde7}.site-footer h3{color:#fff;font-size:1.05rem;margin:0 0 15px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:8px 0}.footer-links a{color:#eadcf2}.footer-links a:hover{color:#ffbde3}.contact-line{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:#eadcf2;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #ffffff22;padding:18px 0;color:#d5c1df;font-size:.87rem}.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom a{color:#f4c8e7}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}.alignfull{width:100%;max-width:none}.wp-block-button__link{background:var(--yd-magenta);border-radius:999px}.entry-content>*{max-width:100%}.entry-content a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.header-inner{min-height:74px}.menu-toggle{display:inline-flex;align-items:center;gap:8px}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--yd-border);padding:16px 20px 22px;box-shadow:0 14px 22px #32123c10}.main-navigation.is-open{display:block}.main-navigation ul{align-items:stretch;flex-direction:column;gap:0}.main-navigation li a{display:block;padding:11px 8px}.main-navigation .menu-item-donate>a{display:inline-flex;margin-top:6px;padding:10px 18px}.hero-grid{gap:25px}.hero{padding:65px 0}.hero-art{min-height:320px}.art-circle{width:min(100%,330px)}.cards{gap:16px}.info-card{padding:22px}.footer-grid{gap:25px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.brand-mark{width:40px;height:40px;border-radius:13px;font-size:21px}.brand-name{font-size:1.08rem}.brand-tagline{font-size:.65rem}.hero{padding:48px 0 54px}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:18px}.hero h1{font-size:clamp(2.45rem,11vw,3.6rem);margin:18px 0}.hero p{font-size:1rem}.hero-art{min-height:285px;max-width:440px;width:100%;margin:0 auto}.art-circle{width:275px;max-width:82vw}.art-icon{font-size:4.3rem}.art-inner{padding:18px}.floating-note{font-size:.78rem;padding:10px 12px}.floating-note.one{right:0;top:15px}.floating-note.two{left:0;bottom:14px}.section{padding:54px 0}.section-heading{margin-bottom:28px}.cards{grid-template-columns:1fr}.info-card{padding:24px}.impact-grid{grid-template-columns:1fr;gap:22px}.impact-item{border-bottom:1px solid #ffffff2a;padding-bottom:17px}.impact-item:last-child{border:0;padding-bottom:0}.split{gap:26px}.split-visual{min-height:220px}.split-visual .large-icon{font-size:5.5rem}.cta-panel{padding:28px 23px;align-items:flex-start;flex-direction:column;border-radius:24px}.cta-panel .btn{white-space:normal}.page-banner{padding:42px 0}.page-content{padding:32px 0 50px}.footer-grid{grid-template-columns:1fr;gap:26px;padding-bottom:28px}.footer-bottom-inner{flex-direction:column;gap:6px}.content-panel{padding:22px 18px}}

/* AI cartoon artwork and donation notice */
.hero-ai-art{min-height:390px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#f9d7ed,#e5d3ff);box-shadow:var(--yd-shadow);border:8px solid #ffffffa8;} .hero-ai-art img{display:block;width:100%;height:390px;object-fit:cover;object-position:78% 42%;} .donation-tax-note{margin:0 0 18px;padding:13px 16px;border:1px solid #e9b6d9;border-radius:15px;background:#fff8fc;color:#6b237f;font-weight:750;font-size:.93rem;max-width:700px;} .about-ai-illustration{display:block;width:100%;max-width:430px;max-height:290px;object-fit:contain;} @media(max-width:700px){.hero-ai-art{min-height:270px;border-radius:22px}.hero-ai-art img{height:270px;object-position:78% 42%;}.donation-tax-note{font-size:.86rem;padding:12px}}

/* Realistic AI-generated photo artwork (responsive on mobile and desktop) */
.hero-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;min-width:0;}
.hero-photo-grid img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:24px;box-shadow:0 14px 35px rgba(71,22,104,.16);}
.hero-photo-grid .hero-photo-education{object-position:center;}
.hero-photo-grid .hero-photo-support{object-position:center;}
.photo-illustration{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:24px;}
@media(max-width:760px){.hero-photo-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-photo-grid img{min-height:190px;border-radius:14px}.photo-illustration{min-height:200px}}

/* Final responsive refinements: keep all content inside viewport on phones/tablets */
html,body{max-width:100%;overflow-x:hidden}
.container,.header-inner,.hero-grid,.split,.cards,.footer-grid{min-width:0}
.hero-grid>*{min-width:0}
.hero-photo-grid{min-width:0;overflow:hidden}
.hero-photo-grid img,.photo-illustration{max-width:100%;}
@media(max-width:760px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-photo-grid{grid-template-columns:minmax(0,1fr);gap:10px;max-width:100%;}
  .hero-photo-grid img{width:100%;height:clamp(190px,58vw,270px);min-height:0;object-fit:cover;border-radius:16px;}
  .hero-photo-grid .hero-photo-education{object-position:center 35%}
  .hero-photo-grid .hero-photo-support{object-position:center 45%}
  .hero-art{min-height:0}
  .button-row{width:100%}
  .button-row .btn{max-width:100%;white-space:normal;text-align:center}
  .donation-tax-note{overflow-wrap:anywhere}
  .footer-grid>*{min-width:0}
}
@media(max-width:420px){
  .container{width:calc(100% - 24px)}
  .header-inner{gap:10px}
  .brand{gap:8px}
  .brand-name{font-size:1rem}
  .brand-tagline{font-size:.62rem}
  .hero h1{font-size:clamp(2rem,10.5vw,2.7rem);overflow-wrap:anywhere}
  .button-row{flex-direction:column;align-items:stretch}
  .button-row .btn{width:100%}
  .hero-photo-grid img{height:220px}
  .contact-line{overflow-wrap:anywhere}
}

/* Membership / Join Us buttons: prevent clipping on narrow screens */
.button-row{min-width:0;max-width:100%;}
.button-row .btn{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;line-height:1.35;text-align:center;}
.cta-panel .button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;}
.cta-panel .button-row .btn{flex:0 1 auto;white-space:normal;}
.main-navigation,.main-navigation ul,.main-navigation li{min-width:0;max-width:100%;}
.main-navigation a{overflow-wrap:anywhere;}
@media(max-width:980px){
  .main-navigation{max-width:100vw;max-height:calc(100vh - 74px);overflow-y:auto;overflow-x:hidden;}
  .main-navigation .menu-item a{white-space:normal;overflow-wrap:anywhere;}
  .main-navigation .menu-item-membership>a,.main-navigation a[href*="membership"]{display:flex;width:100%;max-width:100%;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;}
}
@media(max-width:420px){
  .button-row{flex-direction:column;align-items:stretch;}
  .button-row .btn{width:100%;min-width:0;padding:12px 16px;}
  .cta-panel .button-row{width:100%;}
  .cta-panel .button-row .btn{width:100%;}
}

/* Footer contact improvements: clear white links, consistent icons, and tap-to-contact actions */
.site-footer .contact-line{display:flex;align-items:flex-start;gap:12px;color:#fff;min-width:0}
.site-footer .contact-line > span:first-child{flex:0 0 24px;width:24px;text-align:center;color:#fff;font-size:1.2rem;line-height:1.55}
.site-footer .contact-line a,.site-footer .contact-line a:visited{color:#fff!important;text-decoration:none;overflow-wrap:anywhere;word-break:break-word}
.site-footer .contact-line a:hover,.site-footer .contact-line a:focus{color:#ffd2ec!important;text-decoration:underline;text-underline-offset:3px}
.site-footer .contact-line a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:3px}
@media(max-width:700px){.site-footer .contact-line{gap:10px}.site-footer .contact-line > span:first-child{flex-basis:22px;width:22px}}


/* Mobile/tablet layout repair based on the supplied screenshot */
@media (max-width: 900px) {
  .hero { padding: 42px 0 44px; }
  .hero-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
  .hero-grid > * { width: 100%; min-width: 0; }
  .hero h1 { font-size: clamp(2.15rem, 7vw, 3.6rem); line-height: 1.12; letter-spacing: -.035em; }
  .hero p { max-width: none; }
  .hero-photo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%; max-width: 100%; overflow: visible; gap: 12px;
  }
  .hero-photo-grid img {
    width: 100%; height: clamp(210px, 42vw, 330px); min-height: 0;
    object-fit: cover; object-position: center; border-radius: 16px;
  }
  .button-row { display:flex; flex-wrap:wrap; gap:10px; }
  .button-row .btn { min-width:0; max-width:100%; white-space:normal; }
}
@media (max-width: 560px) {
  .container { width: calc(100% - 28px); }
  .header-inner { gap: 10px; min-height: 68px; }
  .brand { flex: 1 1 auto; min-width: 0; }
  .brand-copy { min-width: 0; }
  .brand-name { font-size: .98rem; }
  .brand-tagline { font-size: .62rem; }
  .menu-toggle { flex: 0 0 auto; padding: 8px 10px; }
  .hero { padding: 28px 0 34px; }
  .hero h1 { font-size: clamp(2rem, 9.2vw, 2.8rem); margin: 15px 0; overflow-wrap: normal; }
  .hero p { font-size: .98rem; line-height: 1.6; margin-bottom: 18px; }
  .donation-tax-note { font-size: .83rem; line-height: 1.5; padding: 11px 12px; overflow-wrap: anywhere; }
  .hero-photo-grid { grid-template-columns: minmax(0,1fr) !important; gap: 12px; }
  .hero-photo-grid img { width:100%; height: auto; aspect-ratio: 1.35 / 1; min-height: 0; object-fit: cover; }
  .hero-photo-grid .hero-photo-education { object-position: center 32%; }
  .hero-photo-grid .hero-photo-support { object-position: center 42%; }
  .button-row { flex-direction: column; align-items: stretch; width:100%; }
  .button-row .btn { width:100%; padding:12px 16px; }
  .section { padding: 48px 0; }
  .cards { grid-template-columns: minmax(0,1fr) !important; }
  .footer-grid { grid-template-columns: minmax(0,1fr) !important; gap: 24px; }
  .footer-bottom-inner { flex-direction:column; gap:8px; }
  .site-footer { padding-top: 36px; }
}