/*
Theme Name: Phụ Nữ Trong Khoa Học
Description: Giao diện tươi trẻ, nữ tính và khoa học cho phunutrongkhoahoc.com – child theme của GeneratePress.
Template: generatepress
Version: 2.0.0
Text Domain: pnkh
*/
:root{
	--ink:#2A1B3D; --ink-2:#4C3B63; --muted:#6B5B80;
	--pink:#DB2777; --pink-soft:#FCE7F3; --pink-bg:#F472B6;
	--violet:#6D28D9; --violet-soft:#EDE9FE;
	--teal:#0F766E; --teal-soft:#CCFBF1; --teal-bg:#2DD4BF;
	--bg:#FFF9FC; --card:#FFFFFF; --line:#F0DCEA;
	--f-head:'Nunito','Be Vietnam Pro',system-ui,sans-serif;
	--f-body:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
	--r:22px; --r-s:14px; --ease:cubic-bezier(.2,.7,.2,1);
	--shadow:0 6px 24px rgba(109,40,217,.08);
}
@media (prefers-color-scheme:dark){
	:root{--ink:#F5EEFF;--ink-2:#D9CCF0;--muted:#B5A6CE;--pink:#F9A8D4;--pink-soft:#3A1830;--violet:#C4B5FD;--violet-soft:#2A1F4A;--teal:#5EEAD4;--teal-soft:#123B38;--bg:#150F20;--card:#1F1730;--line:#33264D;--shadow:0 6px 24px rgba(0,0,0,.35)}
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--pink);text-underline-offset:3px;transition:color .2s var(--ease)}
a:hover{color:var(--violet)}
:focus-visible{outline:3px solid var(--teal-bg);outline-offset:3px;border-radius:8px}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:800;color:var(--ink);line-height:1.25}
img{height:auto;max-width:100%}
.grid-container{max-width:1180px}

/* ---------- Header ---------- */
.site-header{background:
	radial-gradient(circle at 12% 30%,rgba(244,114,182,.28),transparent 42%),
	radial-gradient(circle at 88% 20%,rgba(45,212,191,.25),transparent 38%),
	linear-gradient(135deg,#FDF2F8 0%,#F5F3FF 100%);
	border-bottom:0;position:relative;overflow:hidden}
.site-header::before,.site-header::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.site-header::before{width:14px;height:14px;background:var(--pink-bg);left:9%;top:26px;box-shadow:70px 40px 0 -3px var(--teal-bg),-30px 62px 0 -4px #A78BFA,900px 18px 0 -2px var(--pink-bg),980px 80px 0 -4px #A78BFA,1100px 30px 0 0 var(--teal-bg)}
.site-header::after{width:150px;height:150px;border:2px dashed rgba(109,40,217,.25);right:6%;top:-40px;transform:rotate(18deg)}
@media (prefers-color-scheme:dark){.site-header{background:linear-gradient(135deg,#241638,#150F20)}}
.inside-header{padding:2rem 1rem 1.2rem;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}
.site-branding{text-align:center;margin:0 auto}
.pnkh-logo{display:inline-block;line-height:0;margin-bottom:.5rem}
.pnkh-logo svg{width:64px;height:64px;display:block;filter:drop-shadow(0 8px 14px rgba(124,58,237,.35));transition:transform .4s var(--ease)}
.pnkh-logo:hover svg{transform:rotate(-8deg) scale(1.08)}
.main-title{margin:0;font-family:var(--f-head);font-weight:900;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1}
.main-title a,.main-title a:hover{background:linear-gradient(90deg,var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.site-description{margin:.4rem 0 1rem;color:var(--muted);font-size:.95rem;font-weight:500}

/* nav as floating pill */
.main-navigation,.main-navigation ul ul{background:transparent}
.nav-float-right #site-navigation,.main-navigation{float:none;width:100%}
.main-navigation .inside-navigation{justify-content:center}
.main-navigation .main-nav>ul{background:var(--card);border-radius:999px;padding:.3rem;box-shadow:var(--shadow);border:1px solid var(--line);display:inline-flex;flex-wrap:wrap;justify-content:center}
.main-navigation .main-nav ul li a{font-family:var(--f-head);font-weight:800;font-size:.95rem;color:var(--ink-2);line-height:2.5rem;padding:0 1.3rem;border-radius:999px;transition:all .2s var(--ease)}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li a:focus{background:var(--violet-soft);color:var(--violet)}
.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-item:hover>a{background:linear-gradient(90deg,var(--pink-bg),#A78BFA);color:#fff}
.main-navigation .menu-toggle{color:var(--ink);background:var(--card);border-radius:999px;min-height:46px;box-shadow:var(--shadow)}

/* ---------- Hero (home) ---------- */
.pnkh-hero{grid-column:1/-1;margin:0;padding:2.2rem 2rem;border-radius:var(--r);background:linear-gradient(120deg,var(--violet-soft),var(--pink-soft) 60%,var(--teal-soft));position:relative;overflow:hidden}
.pnkh-hero h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0 0 .5rem}
.pnkh-hero p{margin:0 0 1.1rem;color:var(--ink-2);max-width:560px}
.pnkh-hero .chips{display:flex;flex-wrap:wrap;gap:.5rem}
.pnkh-hero .chips a{background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--line);transition:all .2s var(--ease)}
.pnkh-hero .chips a:hover{background:var(--pink);color:#fff;transform:translateY(-2px)}
.pnkh-hero::after{content:"";position:absolute;right:-30px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.45),transparent 65%)}
.pnkh-hero-wrap{padding:0 1rem}

/* ---------- Layout ---------- */
.site-content{display:block;padding:0 1rem}
.content-area{width:100%;float:none}
.separate-containers .site-main{margin:2rem 0}
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header{background:transparent;padding:0;box-shadow:none}
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:repeat(12,1fr);gap:1.6rem}
.site-main>.page-header,.site-main>.paging-navigation{grid-column:1/-1}
.blog .site-main>article,.archive .site-main>article,.search .site-main>article{grid-column:span 4;margin:0}
.blog .site-main>article:first-of-type{grid-column:1/-1}
.page-title{font-size:clamp(1.7rem,4vw,2.4rem)}

/* cards */
article .inside-article{display:flex;flex-direction:column;height:100%;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.blog article .inside-article:hover,.archive article .inside-article:hover,.search article .inside-article:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(219,39,119,.16)}
article .post-image{order:-1;margin:0!important;padding:0!important;overflow:hidden;background:var(--violet-soft)}
article .post-image:not(:has(img)){display:none}
article .post-image img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;display:block;transition:transform .5s var(--ease)}
article:hover .post-image img{transform:scale(1.05)}
.blog article .inside-article>*:not(.post-image),.archive article .inside-article>*:not(.post-image),.search article .inside-article>*:not(.post-image){padding-left:1.4rem;padding-right:1.4rem}
.entry-header{padding-top:1.2rem}
.entry-title{font-size:1.2rem;margin:0 0 .35rem}
.entry-title a{color:var(--ink);text-decoration:none}
.entry-title a:hover{color:var(--pink)}
.entry-meta{font-size:.8rem;color:var(--muted)}
.entry-meta a{color:var(--muted)}
.entry-summary{color:var(--ink-2);font-size:.95rem;margin-top:.4rem}
.read-more{font-weight:700;font-size:.9rem;white-space:nowrap}
footer.entry-meta{margin-top:auto;padding-top:1rem;padding-bottom:1.3rem}
.cat-links .gp-icon,.tags-links .gp-icon{display:none}
.cat-links a{display:inline-block;background:var(--teal-soft);color:var(--teal);padding:.25rem .85rem;border-radius:999px;font-weight:700;font-size:.78rem;text-decoration:none;transition:all .2s var(--ease)}
.cat-links a:hover{background:var(--teal);color:#fff}
@media (prefers-color-scheme:dark){.cat-links a:hover{color:#0B1F1D}}

/* lead story */
.blog .site-main>article:first-of-type .inside-article{display:grid;grid-template-columns:1.15fr 1fr;align-items:center}
.blog .site-main>article:first-of-type .post-image{grid-row:1/span 3;height:100%}
.blog .site-main>article:first-of-type .post-image img{aspect-ratio:auto;height:100%;min-height:340px;max-height:440px}
.blog .site-main>article:first-of-type .entry-header{padding-top:1.5rem}
.blog .site-main>article:first-of-type .entry-title{font-size:clamp(1.6rem,3vw,2.3rem)}
.blog .site-main>article:first-of-type .entry-summary{font-size:1.02rem}
.blog .site-main>article:first-of-type .entry-header::before{content:"Mới nhất";display:inline-block;background:linear-gradient(90deg,var(--pink-bg),#A78BFA);color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .8rem;border-radius:999px;margin-bottom:.7rem}

/* ---------- Single ---------- */
.single .content-area,.page .content-area{max-width:740px;margin:0 auto}
.single .post-image,.single .featured-image{display:none}
.single article .inside-article,.page article .inside-article{background:var(--card);padding:2.2rem 2.2rem 2rem;border-radius:var(--r)}
.single .entry-header,.page .entry-header{padding:0 0 1rem;margin-bottom:1.2rem;border-bottom:2px dashed var(--line)}
.single .entry-title,.page .entry-title{font-size:clamp(1.8rem,4.4vw,2.6rem);line-height:1.2}
.entry-content{font-size:1.06rem;line-height:1.85}
.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1.35em}
.entry-content h2{font-size:1.65rem;margin:1.9em 0 .6em;padding-left:.8rem;border-left:5px solid var(--pink-bg)}
.entry-content h3{font-size:1.3rem;margin:1.6em 0 .5em;color:var(--violet)}
.entry-content img{display:block;margin:1.4rem auto;border-radius:var(--r-s)}
.entry-content blockquote{margin:1.8em 0;padding:1.1rem 1.4rem;background:var(--pink-soft);border-radius:var(--r-s);border:0;font-weight:600;color:var(--ink-2)}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.entry-content th{background:var(--violet-soft);color:var(--violet);text-align:left}
.entry-content th,.entry-content td{padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.post-navigation,.comments-area{margin-top:2rem}
.nav-previous a,.nav-next a{font-family:var(--f-head);font-weight:800}

/* ---------- Pagination / forms ---------- */
.paging-navigation .nav-links{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap}
.page-numbers{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 .9rem;background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;transition:all .2s var(--ease)}
.page-numbers.current,.page-numbers:hover{background:linear-gradient(90deg,var(--pink-bg),#A78BFA);color:#fff;border-color:transparent}
button,input[type=submit],.button{min-height:46px;background:var(--pink);color:#fff;border:0;border-radius:999px;font-weight:700;padding:0 1.4rem;cursor:pointer;transition:all .2s var(--ease)}
button:hover,input[type=submit]:hover,.button:hover{background:var(--violet);color:#fff;transform:translateY(-1px)}
input[type=text],input[type=search],input[type=email],textarea{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);min-height:46px;padding:.6rem 1rem}
input:focus,textarea:focus{border-color:var(--pink-bg);outline:2px solid var(--pink-bg)}

/* ---------- Footer ---------- */
.site-footer{margin-top:3rem;background:linear-gradient(135deg,#2A1B3D,#4C1D95);color:#E9D5FF;border-radius:var(--r) var(--r) 0 0}
.site-info{padding:2rem 1rem;text-align:center;font-size:.9rem}
.site-info a{color:#FBCFE8;font-weight:600}
.site-info a:hover{color:#5EEAD4}

/* ---------- Responsive ---------- */
@media (max-width:1024px){.blog .site-main>article,.archive .site-main>article,.search .site-main>article{grid-column:span 6}}
@media (max-width:768px){
	body{font-size:16px}
	.site-header::before{display:none}
	.blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:1fr}
	.blog .site-main>article,.archive .site-main>article,.search .site-main>article{grid-column:1/-1}
	.blog .site-main>article:first-of-type .inside-article{display:flex}
	.blog .site-main>article:first-of-type .post-image img{aspect-ratio:16/10;min-height:0;height:auto}
	.pnkh-logo svg{width:52px;height:52px}
	.pnkh-hero{padding:1.5rem 1.25rem}
	.single article .inside-article,.page article .inside-article{padding:1.4rem 1.2rem}
	.main-navigation .main-nav>ul{border-radius:var(--r-s)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}article:hover .post-image img,.pnkh-logo:hover svg{transform:none}}