/* Rajah Hospital theme styles — appended to progressively across the build plan. */

/* ===== Base reset & utilities (Task 3) ===== */
*{box-sizing:border-box;}
body{margin:0;font-family:var(--wp--preset--font-family--inter);color:var(--wp--preset--color--foreground);background:var(--wp--preset--color--background);-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}
.eyebrow{font-family:var(--wp--preset--font-family--ibm-plex-mono);font-size:11px;letter-spacing:1px;color:var(--wp--preset--color--primary);text-transform:uppercase;}
.btn{display:inline-block;font-family:var(--wp--preset--font-family--inter);font-size:13px;font-weight:600;padding:13px 24px;border-radius:4px;transition:opacity .15s ease;}
.btn:hover{opacity:.85;}
.btn-primary{background:var(--wp--preset--color--primary);color:#fff;}
.btn-secondary{background:transparent;border:1px solid #CCC;color:var(--wp--preset--color--foreground);}
.chip{font-family:var(--wp--preset--font-family--ibm-plex-mono);font-size:11px;letter-spacing:.3px;color:var(--wp--preset--color--primary);background:var(--wp--preset--color--primary-tint);padding:5px 10px;border-radius:4px;display:inline-block;}
.pill{font-family:var(--wp--preset--font-family--inter);font-size:12px;background:#F4F4F4;color:#444;padding:6px 14px;border-radius:20px;display:inline-block;}
section{padding:76px 0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px;flex-wrap:wrap;}
.section-head h2{font-size:31px;letter-spacing:-.5px;margin:8px 0 0;}
.section-head .see-all{font-size:13px;font-weight:600;color:var(--wp--preset--color--primary);white-space:nowrap;}

/* ===== Header (Task 3) ===== */
.site-header{border-bottom:1px solid var(--wp--preset--color--border);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);z-index:10;}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:20px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:88px;width:auto;}
.site-header nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;}
.site-header nav a{font-size:16px;font-weight:500;color:#333;}
.site-header nav a:hover{color:var(--wp--preset--color--primary);}
.nav-links{display:flex;align-items:center;gap:26px;}
.mobile-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;}
.mobile-nav-toggle .hamburger-line{display:block;width:24px;height:2px;background:var(--wp--preset--color--foreground);transition:transform .2s ease,opacity .2s ease;}
@media (max-width:860px){
  .nav-links nav{display:none;}
  .mobile-nav-toggle{display:flex;}
}

/* ===== Footer (Task 4) ===== */
.site-footer{padding:36px 0;border-top:1px solid var(--wp--preset--color--border);}
.foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.foot-row .brand-mini{font-family:var(--wp--preset--font-family--archivo);font-weight:800;font-size:14px;}
.foot-row .links{display:flex;gap:20px;font-size:12px;color:var(--wp--preset--color--foreground-faint);flex-wrap:wrap;}
.foot-row .copy{font-size:11.5px;color:var(--wp--preset--color--foreground-faint);}

/* ===== Hero (Task 5) ===== */
.hero{background:var(--wp--preset--color--background-alt);padding:88px 0 76px;}
.hero h1{font-family:var(--wp--preset--font-family--archivo);font-weight:800;font-size:56px;line-height:1.06;letter-spacing:-1.2px;margin:18px 0 0;max-width:680px;}
.hero p{font-size:16px;line-height:1.65;color:var(--wp--preset--color--foreground-soft);max-width:560px;margin:20px 0 0;}
.hero .cta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.hero .stat-line{font-family:var(--wp--preset--font-family--ibm-plex-mono);font-size:11.5px;letter-spacing:.5px;color:var(--wp--preset--color--foreground-faint);margin-top:44px;}
@media (max-width:640px){ .hero h1{font-size:40px;} }

/* ===== About + Stats (Task 5) ===== */
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.about h2{font-size:33px;letter-spacing:-.5px;margin:8px 0 0;}
.about p{font-size:16px;line-height:1.7;color:var(--wp--preset--color--foreground-soft);margin-top:16px;}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.stat-card{border:1px solid var(--wp--preset--color--border);border-radius:8px;padding:20px;}
.stat-card .num{font-family:var(--wp--preset--font-family--archivo);font-weight:800;font-size:26px;color:var(--wp--preset--color--primary);}
.stat-card .label{font-size:11.5px;color:var(--wp--preset--color--foreground-faint);margin-top:4px;letter-spacing:.3px;}
@media (max-width:800px){ .about{grid-template-columns:1fr;} }

/* ===== Departments grid (Task 6) ===== */
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.dept-card{display:block;background:var(--wp--preset--color--background);border:1px solid var(--wp--preset--color--border);border-radius:8px;padding:22px;transition:border-color .15s ease, transform .15s ease;}
.dept-card:hover{border-color:var(--wp--preset--color--primary);transform:translateY(-2px);}
.dept-card h3{font-size:16px;margin:0;}
.dept-card p{font-size:14px;color:var(--wp--preset--color--foreground-faint);margin:8px 0 0;line-height:1.55;}
@media (max-width:860px){ .dept-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .dept-grid{grid-template-columns:1fr;} }

/* ===== Facilities (Task 6) ===== */
.fac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.fac-card{padding:22px 0;border-top:2px solid var(--wp--preset--color--foreground);}
.fac-card h3{font-size:15px;margin:0 0 8px;}
.fac-card p{font-size:13.5px;color:var(--wp--preset--color--foreground-faint);line-height:1.55;margin:0;}
@media (max-width:860px){ .fac-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .fac-grid{grid-template-columns:1fr;} }

/* ===== Ayurveda (Task 7) ===== */
.ayur-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ayur-card{background:var(--wp--preset--color--background-alt);border-radius:8px;padding:20px;text-align:left;}
.ayur-card .thumb{height:110px;border-radius:6px;overflow:hidden;margin-bottom:14px;}
.ayur-card h3{font-size:15px;margin:0;}
.ayur-card p{font-size:13px;color:var(--wp--preset--color--foreground-faint);margin:8px 0 14px;line-height:1.5;}
.ayur-card a{font-size:11.5px;font-weight:700;color:var(--wp--preset--color--primary);}
@media (max-width:860px){ .ayur-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .ayur-grid{grid-template-columns:1fr;} }

/* ===== Blog teaser (Task 7) ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.blog-card{border:1px solid var(--wp--preset--color--border);border-radius:8px;overflow:hidden;}
.blog-card .thumb{height:120px;}
.blog-card .body{padding:18px;}
.blog-card h3{font-size:15px;margin:0 0 10px;line-height:1.4;}
@media (max-width:860px){ .blog-grid{grid-template-columns:1fr;} }

/* ===== Contact strip (Task 7) ===== */
.contact{background:var(--wp--preset--color--foreground);color:#fff;padding:64px 0;}
.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.contact h2{font-size:29px;letter-spacing:-.5px;margin:0 0 12px;}
.contact .detail{font-size:16px;color:rgba(255,255,255,.7);line-height:1.8;}
.contact .detail strong{color:#fff;font-weight:600;}

/* ===== Scroll reveal (Task 8) ===== */
/* Default (no JS, or JS blocked): fully visible, no hidden state. */
.reveal{opacity:1;transform:none;}
/* Only when the early wp_head script confirms JS ran do we hide-then-reveal. */
.js .reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s ease;
}
.js .reveal.revealed{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .js .reveal{transition:none;opacity:1;transform:none;}
}

/* ===== Contact page (Task 9) ===== */
.contact-page{padding:76px 0;}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.contact-page h1{font-size:35px;letter-spacing:-.5px;margin:8px 0 20px;}
.contact-page-address,.contact-page-detail{font-size:16px;line-height:1.7;color:var(--wp--preset--color--foreground-soft);margin:0 0 8px;}
.contact-page-address a,.contact-page-detail a{color:var(--wp--preset--color--primary);font-weight:600;}
.contact-page-map{margin-top:20px;border:1px solid var(--wp--preset--color--border);border-radius:8px;overflow:hidden;}
.contact-page-form .wpcf7-form label{display:block;font-size:13px;font-weight:600;margin-bottom:16px;}
.contact-page-form .wpcf7-form input[type="text"],
.contact-page-form .wpcf7-form input[type="email"],
.contact-page-form .wpcf7-form input[type="tel"],
.contact-page-form .wpcf7-form textarea{
  display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--wp--preset--color--border);border-radius:4px;font-family:var(--wp--preset--font-family--inter);font-size:14px;
}
.contact-page-form .wpcf7-form input[type="submit"]{
  background:var(--wp--preset--color--primary);color:#fff;border:none;border-radius:4px;padding:13px 24px;font-size:13px;font-weight:600;cursor:pointer;
}
@media (max-width:800px){ .contact-page-grid{grid-template-columns:1fr;} }

/* ===== Department detail pages (Phase 3, Task 1) ===== */
.dept-detail-hero{background:var(--wp--preset--color--background-alt);padding:56px 0 48px;}
.dept-detail-hero h1.wp-block-post-title{font-family:var(--wp--preset--font-family--archivo);font-weight:800;font-size:39px;letter-spacing:-.5px;margin:10px 0 0;}
.dept-detail-tagline .wp-block-post-excerpt__excerpt{font-size:16px;line-height:1.6;color:var(--wp--preset--color--foreground-soft);max-width:560px;margin:14px 0 0;}
.dept-detail-body{padding:56px 0;}
.dept-detail-body p{font-size:16px;line-height:1.7;color:var(--wp--preset--color--foreground-soft);max-width:680px;margin:0 0 32px;}
.dept-detail-label{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:14px;margin:0 0 14px;}
.dept-detail-services{margin-bottom:36px;}
.pill-row{display:flex;gap:8px;flex-wrap:wrap;}
.doctor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.doctor-card{display:flex;gap:14px;border:1px solid var(--wp--preset--color--border);border-radius:8px;padding:18px;}
.doctor-avatar{width:52px;height:52px;border-radius:6px;background:#F2F2F2;flex-shrink:0;}
.doctor-name{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:14px;}
.doctor-qual{font-size:12px;color:var(--wp--preset--color--foreground-faint);margin-top:2px;}
.doctor-enquire{margin-top:10px;}
.dept-detail-faq{margin-top:36px;max-width:680px;}
.faq-item{border-top:1px solid var(--wp--preset--color--border);padding:16px 0;}
.faq-item:last-child{padding-bottom:0;}
.faq-question{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:14px;margin-bottom:6px;}
.faq-answer{font-size:16px;line-height:1.6;color:var(--wp--preset--color--foreground-soft);}
.dept-cta-banner{background:var(--wp--preset--color--foreground);border-radius:8px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:36px 0 56px;}
.dept-cta-text{color:#fff;font-size:14px;}
@media (max-width:700px){ .doctor-grid{grid-template-columns:1fr;} }

/* ===== Departments listing (Phase 3, Task 2) ===== */
.depts-hero{background:var(--wp--preset--color--background-alt);padding:64px 0 48px;}
.depts-hero-title{font-family:var(--wp--preset--font-family--archivo);font-weight:800;font-size:39px;letter-spacing:-.5px;margin:10px 0 0;}
.depts-hero-sub{font-size:16px;color:var(--wp--preset--color--foreground-soft);margin:12px 0 0;}
.depts-listing{padding:48px 0 64px;}
.dept-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.dept-listing-card{display:block;border:1px solid var(--wp--preset--color--border);border-radius:8px;padding:20px;}
.dept-listing-card:hover{border-color:var(--wp--preset--color--primary);}
.dept-listing-card h3.wp-block-post-title{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:16px;margin:0;}
.dept-listing-card h3.wp-block-post-title a{color:var(--wp--preset--color--foreground);}
.dept-listing-card .wp-block-post-excerpt__excerpt{font-size:14px;color:var(--wp--preset--color--foreground-faint);margin:8px 0 0;}
@media (max-width:860px){ .dept-listing-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .dept-listing-grid{grid-template-columns:1fr;} }

/* ===== Department listing card — whole-card clickability fix ===== */
.dept-listing-card{position:relative;}
.dept-listing-card h3.wp-block-post-title a::after{content:"";position:absolute;inset:0;}

/* ===== Department icon tiles ===== */
.dept-icon-tile{width:38px;height:38px;background:var(--wp--preset--color--primary-tint);color:var(--wp--preset--color--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.dept-icon-tile svg{width:20px;height:20px;}
.dept-detail-hero .dept-icon-tile{margin-top:14px;}

/* ===== Blog archive (Phase 4, Task 1) ===== */
.blog-card h3{margin-top:12px;}
.blog-card h3 a{color:inherit;}
.blog-card .wp-block-post-excerpt{margin:0;}
.blog-card .wp-block-post-excerpt__excerpt{font-size:13.5px;color:var(--wp--preset--color--foreground-faint);margin:0;line-height:1.5;}
.wp-block-query-pagination{display:flex;gap:10px;align-items:center;margin-top:32px;font-family:var(--wp--preset--font-family--inter);font-size:13px;}
.wp-block-query-pagination a{color:var(--wp--preset--color--primary);font-weight:600;}
.wp-block-query-pagination .page-numbers.current{color:var(--wp--preset--color--foreground-faint);font-weight:600;}

/* ===== Single post template (Phase 5, Task 1) ===== */
.dept-detail-body h2{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:23px;letter-spacing:-.3px;color:var(--wp--preset--color--foreground);margin:40px 0 14px;}
.dept-detail-body ul{margin:0 0 32px;padding-left:20px;}
.dept-detail-body li{font-size:16px;line-height:1.7;color:var(--wp--preset--color--foreground-soft);margin-bottom:8px;}

/* ===== Social share pattern (Phase 6, Task 1) ===== */
.share-row{margin-top:8px;padding-top:32px;padding-bottom:8px;border-top:1px solid var(--wp--preset--color--border);}
.share-links{display:flex;gap:10px;flex-wrap:wrap;}

/* ===== Native comments (Phase 6, Task 2) ===== */
.dept-detail-comments{padding:8px 0 64px;}
.wp-block-comments-title{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:19px;margin:0 0 24px;}
.wp-block-comment-template{list-style:none;margin:0 0 40px;padding:0;}
.wp-block-comment-template .comment{border:1px solid var(--wp--preset--color--border);border-radius:8px;padding:18px;margin-bottom:14px;}
.wp-block-comment-author-name{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:14px;}
.wp-block-comment-content p{font-size:16px;line-height:1.6;color:var(--wp--preset--color--foreground-soft);margin:8px 0;}
.wp-block-comment-date{font-size:11.5px;color:var(--wp--preset--color--foreground-faint);}
.comment-respond .comment-reply-title{font-family:var(--wp--preset--font-family--archivo);font-weight:700;font-size:17px;margin:0 0 16px;}
.comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.comment-form p{margin:0 0 16px;}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  display:block;width:100%;padding:11px 12px;border:1px solid var(--wp--preset--color--border);border-radius:4px;font-family:var(--wp--preset--font-family--inter);font-size:14px;
}

#submit{background:var(--wp--preset--color--primary);color:#fff;border:none;border-radius:4px;padding:13px 24px;font-size:13px;font-weight:600;cursor:pointer;}

.mobile-nav-toggle.is-active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mobile-nav-toggle.is-active .hamburger-line:nth-child(2){opacity:0;}
.mobile-nav-toggle.is-active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#fff;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:32px;}
.mobile-nav-overlay.is-open{display:flex;}
.mobile-nav-overlay nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:24px;}
.mobile-nav-overlay nav a{font-family:var(--wp--preset--font-family--archivo);font-size:22px;font-weight:700;color:var(--wp--preset--color--foreground);}

@media (max-width:640px){ .brand img{height:56px;} }

.blog-card{position:relative;}
.blog-card h3 a::after{content:"";position:absolute;inset:0;}
.blog-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-card .wp-block-post-featured-image{margin:0;}
.blog-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block;}
.single-post-featured-image{margin:24px 0 0;border-radius:8px;overflow:hidden;}
.single-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block;}
.ayur-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}