/*
Theme Name: Dr. Nouralhuda Academy V15 V4 Approved Homepage V2
Theme URI: https://drnouralhudalsheriadah.com/
Author: OpenAI
Description: Approved beige and taupe homepage with original portrait and four learning cards. WooCommerce compatible.
Version: 15.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dr-nouralhuda-academy
*/
:root{
 --dna-bg:#fbf6f0; --dna-paper:#fffaf5; --dna-taupe:#8c6b59; --dna-taupe-dark:#5a3e31;
 --dna-sand:#d9c2b2; --dna-rose:#ead9ce; --dna-ink:#352821; --dna-muted:#79685e;
 --dna-border:#e7d8cc; --dna-shadow:0 16px 42px rgba(83,57,42,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dna-bg);color:var(--dna-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}
a{color:var(--dna-taupe-dark);text-decoration:none}
a:hover{color:var(--dna-taupe)}
img{max-width:100%;height:auto}
.dna-container{width:min(1160px,92%);margin-inline:auto}
.dna-header{position:sticky;top:0;z-index:50;background:rgba(255,250,245,.96);border-bottom:1px solid var(--dna-border);backdrop-filter:blur(12px)}
.dna-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.dna-brand{display:flex;align-items:center;gap:12px;color:var(--dna-taupe-dark)}
.dna-monogram{width:48px;height:48px;border:1.5px solid var(--dna-taupe);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px}
.dna-brand-name{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.2}
.dna-brand-sub{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.04em;margin-top:4px;color:var(--dna-muted)}
.dna-menu{display:flex;align-items:center;gap:26px;font-size:14px}
.dna-menu a{padding:10px 0}
.dna-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--dna-taupe);background:linear-gradient(135deg,#a88770,#76513f);color:#fffaf5!important;border-radius:14px;padding:13px 21px;font-weight:650;box-shadow:0 6px 16px rgba(83,57,42,.12);transition:.2s}
.dna-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.dna-btn-light{background:transparent;color:var(--dna-taupe-dark)!important;box-shadow:none}
.dna-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 36%,#f0dfd3 0,transparent 36%),linear-gradient(110deg,#f9f1e9,#f3e5db 60%,#ead6c8);border-bottom:1px solid var(--dna-border)}
.dna-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:490px;gap:35px;padding:52px 0 36px}
.dna-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:750;color:var(--dna-taupe);margin:0 0 15px}
.dna-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:.99;color:var(--dna-taupe-dark);margin:0 0 18px}
.dna-role{font-family:Georgia,serif;font-size:22px;margin:0 0 20px}
.dna-intro{max-width:570px;font-size:17px;color:#4c3b32}
.dna-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.dna-portrait-wrap{position:relative;align-self:stretch;min-height:420px;display:flex;align-items:end;justify-content:center}
.dna-portrait{width:min(100%,475px);height:455px;object-fit:cover;object-position:center 25%;border-radius:230px 230px 20px 20px;border:8px solid rgba(255,250,245,.65);box-shadow:var(--dna-shadow);background:#e6d4c8}
.dna-portrait-placeholder{width:min(100%,440px);height:390px;border:1px dashed var(--dna-taupe);border-radius:220px 220px 18px 18px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;background:rgba(255,250,245,.45);color:var(--dna-muted)}
.dna-proof{background:#fffaf6;border-bottom:1px solid var(--dna-border)}
.dna-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;gap:16px}
.dna-proof-item{display:flex;gap:12px;align-items:center;padding:4px 14px;border-right:1px solid var(--dna-border);font-size:14px;font-weight:600;line-height:1.35}
.dna-proof-item:last-child{border:0}
.dna-proof-icon{font-size:25px;color:var(--dna-taupe)}
.dna-section{padding:76px 0}
.dna-section-head{text-align:center;max-width:760px;margin:0 auto 36px}
.dna-section-head h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,46px);letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--dna-taupe-dark)}
.dna-section-head p{color:var(--dna-muted)}
.dna-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dna-card{display:flex;flex-direction:column;background:linear-gradient(160deg,#fffaf6,#f8eee7);border:1px solid #e4d1c3;border-radius:20px;overflow:hidden;box-shadow:var(--dna-shadow);min-height:100%}
.dna-card-art{height:142px;display:grid;place-items:center;background:linear-gradient(135deg,#e4c9b6,#f5e7dd);color:var(--dna-taupe-dark);font-size:52px}
.dna-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.dna-card h3{font-family:Georgia,serif;font-size:22px;line-height:1.15;margin:0 0 12px;color:var(--dna-taupe-dark)}
.dna-card p{font-size:14px;color:var(--dna-muted);margin:0 0 22px}
.dna-card .dna-btn{margin-top:auto;padding:11px 14px;font-size:13px;border-radius:11px}
.dna-about{background:#f1e4da;border-top:1px solid var(--dna-border);border-bottom:1px solid var(--dna-border)}
.dna-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}
.dna-about-mark{min-height:270px;display:grid;place-items:center;background:linear-gradient(145deg,#e0c4b0,#f8eee6);border-radius:30px;color:var(--dna-taupe-dark);font-family:Georgia,serif;font-size:65px}
.dna-about h2,.dna-contact h2{font-family:Georgia,serif;font-size:38px;line-height:1.1;color:var(--dna-taupe-dark);margin:0 0 18px}
.dna-contact-box{background:#fffaf6;border:1px solid var(--dna-border);border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--dna-shadow)}
.dna-footer{background:#4e372c;color:#f9efe6;padding:32px 0}
.dna-footer a{color:#f9efe6}
.dna-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}
.dna-page{padding:55px 0 85px;min-height:55vh}
.dna-page h1{font-family:Georgia,serif;color:var(--dna-taupe-dark);font-size:44px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fffaf6;border:1px solid var(--dna-border);padding:16px;border-radius:18px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#8c6b59;color:white;border-radius:10px}
@media(max-width:980px){.dna-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dna-hero-grid{grid-template-columns:1fr 1fr}.dna-menu{gap:14px}}
@media(max-width:680px){.dna-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.dna-menu{width:100%;flex-wrap:wrap;gap:16px}.dna-hero-grid,.dna-about-grid{grid-template-columns:1fr}.dna-hero-grid{padding-top:38px}.dna-portrait-wrap{min-height:320px}.dna-portrait{height:350px;width:80%}.dna-proof-grid{grid-template-columns:repeat(2,1fr)}.dna-proof-item:nth-child(2){border-right:0}.dna-library-grid{grid-template-columns:1fr}.dna-contact-box{align-items:flex-start;flex-direction:column}.dna-section{padding:54px 0}.dna-hero h1{font-size:44px}}

/* Approved homepage refinements */
.dna-hero-grid{min-height:500px;padding:30px 0 0;gap:22px}
.dna-hero{background:linear-gradient(105deg,#fbf3ec 0%,#f4e4d9 64%,#e9d1c2 100%)}
.dna-portrait-wrap{min-height:470px;align-items:end}
.dna-portrait{height:490px;width:min(100%,500px);object-fit:cover;object-position:center 18%;border:0;border-radius:240px 240px 0 0;box-shadow:none;background:#e4d1c5}
.dna-card-art{height:176px;overflow:hidden;background:#ead8ca}
.dna-card-art img{width:100%;height:100%;display:block;object-fit:cover}
.dna-card-body{padding:22px 20px 20px}
.dna-card h3{font-size:21px}
.dna-hero h1{font-size:clamp(44px,5vw,66px)}
.dna-role{font-size:22px}
.dna-btn{border-radius:14px}
.dna-proof-grid{padding:19px 0}
.dna-section{padding:48px 0 72px}
.dna-card{border:2px solid #fffaf6;box-shadow:0 10px 24px rgba(83,57,42,.11)}
.dna-card .dna-btn{width:100%;text-align:center}
@media(max-width:680px){.dna-hero-grid{padding-top:35px}.dna-portrait{height:360px}.dna-portrait-wrap{min-height:360px}.dna-card-art{height:190px}}

/* Expanded homepage library and bilingual consultation */
.dna-library-grid-eight{grid-template-columns:repeat(4,minmax(0,1fr))}
.dna-card-art{overflow:hidden}
.dna-card-art img{width:100%;height:100%;object-fit:cover;display:block}
.dna-card h3{overflow-wrap:anywhere}
.dna-card-body p{line-height:1.65}
.dna-card:has(h3:lang(ar)){text-align:right}
.dna-card h3:lang(ar),.dna-card p:lang(ar){direction:rtl;text-align:right}
@media(max-width:980px){.dna-library-grid-eight{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dna-library-grid-eight{grid-template-columns:1fr}}

/* V4 finishing touches */
.dna-library-grid-eight .dna-card-art{height:142px}
.dna-library-grid-eight .dna-card-art img{object-fit:cover;object-position:center}
.dna-card h3{font-weight:700}
.dna-social-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.dna-social-links a{display:inline-flex;padding:11px 15px;border:1px solid var(--dna-border);border-radius:12px;background:#fffaf6}
.dna-contact-details{padding:26px;border:1px solid var(--dna-border);border-radius:18px;background:#fffaf6;max-width:760px}

/* V5: CV, bilingual consultation, and visual card finishing */
.dna-cv{max-width:900px}
.dna-cv h1,.dna-cv h2{color:var(--dna-taupe-dark);font-family:Georgia,"Times New Roman",serif}
.dna-cv h1{font-size:clamp(34px,4vw,48px);line-height:1.12}
.dna-cv h2{font-size:26px;margin-top:30px;margin-bottom:12px}
.dna-cv-lead{font-size:18px;line-height:1.8;background:#fffaf6;border:1px solid var(--dna-border);border-radius:18px;padding:22px}
.dna-cv li{margin:0 0 10px}
.dna-cv ul{padding-inline-start:24px}
.dna-card h3:lang(ar),.dna-card p:lang(ar){direction:rtl;text-align:right}
.dna-card h3{min-height:2.1em}
.dna-card-art img{width:100%;height:100%;object-fit:cover;display:block}
.dna-card-art{background:#ead9ce}

/* V6 fix: clean CV typography and spacing */
.dna-cv{max-width:920px;margin:0 auto;padding-top:36px;padding-bottom:64px;line-height:1.7}
.dna-cv h1{margin:0 0 12px;line-height:1.18;font-size:clamp(32px,4vw,46px)}
.dna-cv h2{margin:28px 0 10px;font-size:24px;line-height:1.3}
.dna-cv p{margin:0 0 14px;line-height:1.75}
.dna-cv ul{margin:8px 0 20px;padding-inline-start:24px}
.dna-cv li{margin:0 0 9px;padding-inline-start:3px;line-height:1.65}
.dna-cv-lead{padding:20px 22px;margin:20px 0 26px!important;line-height:1.8}
.dna-cv .dna-eyebrow{margin-bottom:10px}

/* V7: visible contact social links */
.dna-social-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.dna-social-links a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid var(--dna-border);background:#fffaf6;color:var(--dna-taupe-dark);font-weight:700;box-shadow:0 5px 16px rgba(83,57,42,.06)}
.dna-social-links a:hover{background:#f0dfd3}
.dna-contact-details p{margin:0 0 14px;overflow-wrap:anywhere}

/* V8 card imagery */
.dna-library-grid-eight .dna-card-art{height:142px;overflow:hidden}
.dna-library-grid-eight .dna-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.dna-library-grid-eight .dna-card:nth-child(6) .dna-card-art img{object-position:center 30%}

/* V9: show the complete portrait in the Contact the Doctor card */
.dna-library-grid-eight .dna-card:nth-child(6) .dna-card-art{height:190px;background:#efe0d4}
.dna-library-grid-eight .dna-card:nth-child(6) .dna-card-art img{object-fit:cover;object-position:center center}

/* V10: user-provided portrait for About the Educator */
.dna-about-mark{min-height:270px;overflow:hidden;display:block;background:#efe0d4;border-radius:30px}
.dna-about-mark img{display:block;width:100%;height:100%;min-height:270px;max-height:430px;object-fit:cover;object-position:center center;border-radius:30px}
@media(max-width:760px){.dna-about-mark img{max-height:360px;object-position:center 35%}}

/* V11: readable dermatopathology chapter index */
.dna-page .dna-library-grid-eight .dna-card{height:100%}
.dna-page .dna-library-grid-eight .dna-card-body h3{font-size:18px;line-height:1.35;min-height:0}
.dna-page .dna-library-grid-eight .dna-card-body p{font-size:14px;color:#80614f}
.dna-page .dna-library-grid-eight .dna-card-art{height:100px}

/* V13: Bolognia sections with nested chapters */
.dna-bolognia-index{max-width:1200px}
.dna-bolognia-section{margin:34px 0 44px}
.dna-bolognia-section-header{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:14px;background:#efe8e1;border-left:5px solid #b78b72;border-radius:0 12px 12px 0}
.dna-bolognia-section-header span{font-weight:800;letter-spacing:.04em;color:#96694f;white-space:nowrap}
.dna-bolognia-section-header h2{margin:0;font-size:22px;line-height:1.3;color:#563b2f}
.dna-bolognia-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dna-bolognia-chapter{display:grid;grid-template-columns:42px minmax(0,1fr) 58px;gap:8px;align-items:start;padding:13px 14px;background:#fffaf6;border:1px solid #eadbd0;border-radius:12px}
.dna-bolognia-chapter-number{font-weight:800;color:#936b54}
.dna-bolognia-chapter-title{font-weight:600;line-height:1.4;color:#3e3029}
.dna-bolognia-chapter-page{font-size:13px;text-align:right;color:#8b6b59;white-space:nowrap}
.dna-bolognia-chapter .dna-btn{grid-column:2/4;justify-self:start;margin-top:4px;padding:7px 12px;font-size:12px}
@media(max-width:760px){.dna-bolognia-chapters{grid-template-columns:1fr}.dna-bolognia-section-header{align-items:flex-start;flex-direction:column;gap:4px}.dna-bolognia-section-header h2{font-size:19px}}

/* V14: consultation visual and library descriptions */
.dna-library-grid-eight .dna-card-art img{object-fit:cover;object-position:center}
.dna-consultation-page{max-width:1040px;margin:0 auto;color:#4e382d;line-height:1.9}
.dna-consultation-banner{display:block;width:100%;max-height:470px;object-fit:cover;object-position:center;border-radius:24px;margin:0 0 28px;box-shadow:0 12px 30px rgba(91,61,45,.10)}
.dna-consultation-page h1{font-size:clamp(28px,4vw,44px);line-height:1.3;color:#573c30}
.dna-consultation-page h2{font-size:clamp(20px,2.5vw,27px);color:#916b54}
.dna-consultation-page p{font-size:17px;line-height:1.95}

/* V15: text-only consultation card; no portrait or adjacent image */
.dna-consultation-text-art{min-height:120px;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(135deg,#f6e9df 0%,#e7d0bf 100%);color:#593c2e;text-align:center}
.dna-consultation-text-art span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.2}
.dna-consultation-text-card .dna-card-art{display:none!important}
.dna-consultation-page .dna-consultation-banner{display:none!important}