/*
Theme Name: Taafi Visual
Description: Arabic RTL block theme. Edit pages with the WordPress block editor and header/footer with Appearance > Editor.
Version: 1.0.0
Author: The Association for IEMT Practitioners
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: taafi-visual
License: GPL-2.0-or-later
*/

:root{--ink:#193745;--muted:#4f6570;--teal:#126c70;--deep:#163f51;--pale:#eaf3f3;--paper:#fafcfc;--line:#ccdce0;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.95}a{color:var(--teal);text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #cc701d;outline-offset:5px;border-radius:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.6}h1{font-size:clamp(2rem,4vw,3.35rem);font-weight:700;max-width:940px;margin-bottom:1rem;letter-spacing:-.02em}h2{font-size:1.6rem;margin-bottom:1rem}h3{font-size:1.18rem;margin-bottom:.65rem}p{margin-bottom:1.2rem}bdi[lang=en]{font-family:Arial,sans-serif}ul{padding-inline-start:1.35rem}li{padding-inline-start:.3rem;margin-bottom:.7rem}.taafi-wrap{max-width:1180px;margin-inline:auto;padding-inline:38px}.skip{position:fixed;inset-inline-start:1rem;top:-100px;z-index:20;padding:12px 20px;background:white}.skip:focus{top:10px}.utility{background:var(--deep);color:white;font-size:.77rem;line-height:1.7}.utility .taafi-wrap{display:flex;justify-content:space-between;gap:15px;padding-block:9px}.utility a{color:white}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:24px}.brand{color:var(--ink);text-decoration:none;display:flex;gap:13px;align-items:center;flex-shrink:0}.brand strong{font-size:1.45rem;display:block;line-height:1.65}.brand small{font-size:.68rem;color:var(--muted);display:block;letter-spacing:.015em}.main-nav{display:flex;align-items:center;gap:21px;font-size:.85rem}.main-nav>a,.main-nav summary{color:var(--ink);text-decoration:none;white-space:nowrap}.main-nav>a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:2px}.main-nav details{position:relative}.main-nav summary{cursor:pointer;list-style:none}.main-nav summary::-webkit-details-marker{display:none}.main-nav summary:after{content:"⌄";margin-inline-start:6px}.main-nav details[open] summary{color:var(--teal)}.submenu{position:absolute;inset-inline-start:0;top:36px;z-index:10;min-width:255px;background:white;border:1px solid var(--line);padding:10px;box-shadow:0 12px 25px #19374515}.submenu a{display:block;padding:9px 12px;line-height:1.6;color:var(--ink);text-decoration:none}.submenu a:hover{background:var(--pale)}.main-nav .nav-contact{border:1px solid var(--teal);color:var(--teal);padding:7px 16px}.hero{padding-block:46px 26px}.hero-home{background:var(--pale);border-bottom:1px solid #d7e7e8;padding-block:57px 39px;position:relative;overflow:hidden}.hero-home h1{max-width:920px}.eyebrow{display:block;color:var(--teal);font-size:.8rem;margin-bottom:13px;font-weight:bold}.hero p{font-size:1.19rem;color:var(--muted);max-width:880px;margin:0}.breadcrumb{font-size:.79rem;margin-bottom:28px}.breadcrumb a{color:var(--muted)}.page-body{padding-block:12px 55px}.page-body>section{margin-block:34px 50px}.page-body:not(.home-body){max-width:850px;margin-inline:auto}.page-body:not(.home-body)>p:first-child{font-size:1.1rem}.home-intro{max-width:920px;padding-top:28px;font-size:1.07rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-block:25px 35px}.actions a{border:1px solid var(--teal);padding:11px 24px;text-decoration:none;font-size:.93rem;font-weight:bold}.actions a:first-child{background:var(--teal);color:white}.principles{display:flex;gap:27px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;padding-block:18px;border-block:1px solid var(--line)}.principles p:before{content:"✓";color:var(--teal);margin-inline-end:9px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{margin-bottom:5px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:white}.route-grid article{padding:29px 28px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column}.route-grid article:last-child{border:0}.route-grid article p{font-size:.9rem;color:var(--muted)}.route-grid article a{font-size:.9rem;margin-top:auto}.route-number{font-family:Georgia,serif;color:var(--teal);font-size:1.6rem;margin-bottom:20px}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:42px}.topic-grid article{padding:22px 0 15px;border-top:1px solid var(--line)}.topic-grid p{font-size:.92rem;color:var(--muted);margin-bottom:8px}.topic-grid a{text-decoration:none;color:var(--ink)}.topic-grid a:hover{color:var(--teal);text-decoration:underline}.project-band{background:var(--deep);color:white;padding:36px 40px;display:grid;grid-template-columns:2fr 1fr;gap:42px}.project-band .eyebrow{color:#acdfe0}.project-band p{font-size:.93rem;color:#e1ecee}.project-band a{color:white}.band-aside{border-inline-start:1px solid #577783;padding-inline-start:30px;align-self:center}.note{background:var(--pale);border-inline-start:4px solid var(--teal);padding:24px 28px;margin-block:35px}.note h2{font-size:1.14rem}.note p{font-size:.96rem;margin:0}.service{border-top:1px solid var(--line);padding-block:25px}.service p{margin-bottom:.8rem}.references{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;font-size:.8rem;color:var(--muted)}.references h2{font-size:1rem}.references li{margin-block:.4rem}.contact-panel{background:white;border:1px solid var(--line);padding:30px;margin-block:25px}.contact-panel h2{font-size:clamp(.97rem,3vw,1.45rem);overflow-wrap:anywhere}.next-step{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;gap:22px;font-size:.9rem}.site-footer{background:#eaf0f2;border-top:1px solid var(--line);padding-block:38px 24px;font-size:.81rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer-grid p{color:var(--muted)}.footer-grid strong{font-size:1.15rem}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-bottom{border-top:1px solid #c4d3d8;margin-top:25px;padding-top:17px;display:flex;justify-content:space-between;gap:24px;font-size:.72rem;color:var(--muted)}.footer-email{overflow-wrap:anywhere}a,button{touch-action:manipulation}.not-found{min-height:40vh}.preview-label{background:#fff0d9;color:#68430d;padding:9px 20px;text-align:center;font-size:.8rem}
@media(max-width:1050px){.header-inner{align-items:flex-start;flex-direction:column;gap:22px}.main-nav{width:100%;justify-content:space-between}.hero-home{padding-top:40px}}
@media(max-width:680px){body{font-size:16px}.taafi-wrap{padding-inline:21px}.utility .taafi-wrap{font-size:.68rem;gap:12px}.utility span{max-width:220px}.header-inner{padding-block:20px;gap:22px}.brand strong{font-size:1.32rem}.main-nav{flex-wrap:wrap;justify-content:flex-start;gap:16px 21px;font-size:.83rem}.main-nav .nav-contact{padding:3px 12px}.submenu{min-width:245px;max-width:calc(100vw - 42px);inset-inline-start:auto;inset-inline-end:0}.hero{padding-block:30px 22px}.hero-home{padding-block:35px 28px}h1{font-size:1.9rem;line-height:1.65}h2{font-size:1.36rem}.hero p{font-size:1.01rem}.eyebrow{font-size:.72rem}.breadcrumb{margin-bottom:20px}.home-intro{font-size:1rem}.actions{gap:10px}.actions a{font-size:.84rem;padding:11px 16px}.principles{gap:7px 18px;font-size:.74rem}.route-grid,.topic-grid,.project-band,.footer-grid{grid-template-columns:1fr}.route-grid article{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px}.route-number{margin-bottom:10px}.page-body>section{margin-block:30px 35px}.project-band{padding:28px 24px;gap:20px}.band-aside{border-inline-start:0;border-top:1px solid #577783;padding-inline-start:0;padding-top:24px}.note{padding:21px}.footer-grid{gap:23px}.footer-bottom{flex-direction:column;gap:8px}.contact-panel{padding:23px 18px}.next-step{flex-direction:column;gap:10px}}
@media(max-width:680px){.main-nav{position:relative}.main-nav details{position:static}.submenu{inset-inline:0;top:calc(100% + 8px);min-width:0;max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:black;font-size:12pt}.utility,.site-header,.site-footer,.actions,.next-step,.skip,.preview-label{display:none}.taafi-wrap{max-width:none;padding:0}.hero,.hero-home{background:none;padding:0;border:0}.hero:after{display:none}.page-body{padding:0}.note,.project-band{background:none;color:black;border:1px solid #777}.project-band p,.project-band a{color:black}.route-grid,.topic-grid,.project-band{display:block}a{color:black}.page-body>section,.note{break-inside:avoid}}

/* Native blocks share these styles with the visual editor. */
.wp-site-blocks > *{margin-block-start:0}.taafi-main{direction:rtl}.wp-block-post-title{max-width:940px}.wp-block-site-title{font-size:1.45rem;font-weight:bold;margin:0}.wp-block-site-title a{text-decoration:none;color:var(--ink)}.brand{display:block}.brand p:not(.wp-block-site-title){font-size:.68rem;color:var(--muted);margin:0}.utility p{margin:0}.utility-inner{display:flex;justify-content:space-between;gap:15px;padding-block:9px}.main-nav{font-size:.85rem;gap:21px}.main-nav a{color:var(--ink)}.wp-block-navigation .wp-block-navigation__submenu-container{min-width:255px;background:white;border-color:var(--line);padding:8px}.main-nav .wp-block-navigation-item{margin:0;padding:0}.taafi-intro{font-size:1.19rem;color:var(--muted);margin-block:0 24px}.page-body{padding-top:24px}.principles p{margin:0}.actions .wp-block-button{margin:0}.actions a{display:block;border-radius:0}.actions .wp-block-button+.wp-block-button a{background:transparent;color:var(--teal)}.route-grid>article{margin:0}.topic-grid>article{margin:0}.route-number{line-height:1.4}.project-band>.wp-block-group{margin:0}.project-band p:last-child{margin-bottom:0}.next-step p{margin:0}.footer-grid>.wp-block-group{margin:0}.footer-links p{margin:0}.footer-bottom p{margin:0}.wp-block-post-content>section{margin-block:34px 50px}.page-body:not(.home-body){max-width:850px}.taafi-wrap{width:100%}.editor-styles-wrapper{direction:rtl}.editor-styles-wrapper .wp-block-post-title,.editor-styles-wrapper .wp-block-post-content{direction:rtl}.wp-block-navigation__responsive-container.is-menu-open{padding:28px;direction:rtl}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:18px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding-inline:20px}.wp-block-navigation__responsive-container-close{color:var(--ink)}
@media(max-width:680px){.utility-inner{font-size:.68rem}.taafi-intro{font-size:1.01rem}.wp-block-post-content>section{margin-block:30px 35px}.main-nav{width:auto}.header-inner{flex-direction:row;align-items:center}.wp-block-navigation__responsive-container-open{padding:12px}.footer-links{gap:8px}}
