/*
Theme Name: TramadolInformation Editorial
Author: TramadolInformation
Description: A fast, responsive editorial WordPress theme for an educational medication-information publication. Designed for clear hub pages, long-form articles, accessible navigation, and compatibility with SEO, analytics, caching, SSL, and CDN plugins.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tramadolinformation
Tags: blog, education, health, responsive-layout, accessibility-ready, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --ti-navy:#12304A; --ti-deep:#0D2437; --ti-teal:#238A87; --ti-teal-hover:#176A68;
  --ti-blue:#2F6F9F; --ti-text:#263B4A; --ti-muted:#526473; --ti-soft-muted:#84919C;
  --ti-bg:#F7F9FB; --ti-soft:#EDF4F6; --ti-border:#DCE5EA; --ti-white:#FFFFFF;
  --ti-danger:#B53B3B; --ti-shadow:0 12px 35px rgba(18,48,74,.08);
  --ti-radius:14px; --ti-container:1240px; --ti-article:810px;
}

*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ti-text);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:#075d79;text-decoration-thickness:1px;text-underline-offset:3px} a:hover{color:var(--ti-teal-hover)} img{max-width:100%;height:auto} svg{max-width:100%} button,input,textarea,select{font:inherit} button{cursor:pointer}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;background:#fff;color:#000;padding:10px;z-index:99999;top:8px;left:8px}
.ti-container{width:min(calc(100% - 48px),var(--ti-container));margin-inline:auto}.ti-narrow{width:min(calc(100% - 48px),var(--ti-article));margin-inline:auto}.ti-section{padding:82px 0}.ti-section--soft{background:var(--ti-bg)}.ti-section--tint{background:var(--ti-soft)}
.ti-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#087486;margin:0 0 16px}.ti-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ti-section-head h2{margin:0}.ti-section-head p{max-width:780px;margin:.45rem 0 0;color:var(--ti-muted)}
h1,h2,h3,h4{color:var(--ti-navy);line-height:1.16;letter-spacing:-.025em} h1{font-size:clamp(2.35rem,4.2vw,4rem);margin:.2em 0 .35em} h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:1.5em 0 .5em} h3{font-size:clamp(1.25rem,2vw,1.55rem);margin:1.35em 0 .45em}.entry-content h2{scroll-margin-top:120px}.entry-content p{margin:0 0 1.25em}.entry-content ul,.entry-content ol{padding-left:1.35em}.entry-content blockquote{margin:1.5em 0;padding:18px 24px;border-left:4px solid var(--ti-teal);background:var(--ti-soft)}

/* Header */
.site-header{position:relative;background:rgba(255,255,255,.98);border-bottom:1px solid #e7edf1;z-index:100}.site-header.is-sticky{position:sticky;top:0}.ti-header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.site-branding{display:flex;align-items:center;gap:11px;flex:0 0 auto}.custom-logo{max-height:54px;width:auto}.ti-brand-mark{width:42px;height:42px;flex:none}.ti-brand-text{line-height:1}.ti-brand-title{display:block;font-weight:800;font-size:1.25rem;color:var(--ti-navy);text-decoration:none;letter-spacing:-.025em}.ti-brand-title span{color:var(--ti-teal)}.ti-brand-tagline{display:block;margin-top:5px;color:#60758a;font-size:.72rem;line-height:1.2}
.primary-navigation{margin-left:auto}.primary-navigation ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.primary-navigation li{position:relative}.primary-navigation a{display:block;padding:28px 0;color:var(--ti-navy);font-size:.88rem;font-weight:650;text-decoration:none;white-space:nowrap}.primary-navigation>div>ul>li.current-menu-item>a,.primary-navigation>div>ul>li.current-menu-ancestor>a{color:#047a8a}.primary-navigation>div>ul>li.current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--ti-teal)}
.primary-navigation .sub-menu{display:none;position:absolute;top:calc(100% - 10px);left:-22px;min-width:275px;background:#fff;border:1px solid var(--ti-border);border-radius:12px;box-shadow:var(--ti-shadow);padding:12px;gap:0}.primary-navigation li:hover>.sub-menu,.primary-navigation li:focus-within>.sub-menu{display:block}.primary-navigation .sub-menu li{width:100%}.primary-navigation .sub-menu a{padding:11px 12px;border-radius:8px;font-size:.84rem}.primary-navigation .sub-menu a:hover{background:var(--ti-soft)}
.ti-header-tools{display:flex;align-items:center;gap:9px}.ti-search-toggle,.ti-menu-toggle{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--ti-navy)}.ti-search-toggle:hover,.ti-menu-toggle:hover{background:var(--ti-soft)}.ti-menu-toggle{display:none}.ti-search-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--ti-border);box-shadow:0 16px 28px rgba(18,48,74,.07);padding:22px 0}.ti-search-panel.is-open{display:block}.search-form{display:flex;gap:10px}.search-form label{flex:1}.search-field{width:100%;min-height:48px;border:1px solid var(--ti-border);border-radius:10px;padding:10px 14px;background:#fbfdfe;color:var(--ti-text)}.search-submit{border:0;border-radius:10px;background:var(--ti-teal);color:#fff;padding:0 20px;font-weight:700}.search-submit:hover{background:var(--ti-teal-hover)}

/* Buttons */
.ti-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:8px;border:1px solid var(--ti-teal);background:var(--ti-teal);color:#fff!important;font-weight:750;text-decoration:none;line-height:1.2;transition:.18s ease}.ti-button:hover,.wp-block-button__link:hover{background:var(--ti-teal-hover);border-color:var(--ti-teal-hover);transform:translateY(-1px)}.ti-button--secondary{background:#fff;color:#087486!important;border-color:#0b8694}.ti-button--secondary:hover{background:var(--ti-soft);color:var(--ti-deep)!important}.ti-text-link{font-weight:750;text-decoration:none}

/* Hero */
.ti-hero{background:linear-gradient(100deg,#f7fbfe 0%,#f1f9fc 48%,#e8f5f8 100%);overflow:hidden}.ti-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:52px;min-height:560px;padding:52px 0}.ti-hero-copy{padding:26px 0}.ti-hero-copy h1{max-width:780px;margin-top:0}.ti-hero-copy h1 .accent{color:#088999}.ti-hero-copy>p{font-size:1.05rem;max-width:760px;color:#465f75}.ti-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}.ti-hero-note{font-size:.78rem;color:#63788b;margin:0}.ti-hero-art{position:relative}.ti-hero-art img{display:block;width:100%;border-radius:22px;box-shadow:0 18px 50px rgba(18,48,74,.09)}

/* Trust strip */
.ti-trust-strip{background:#fff;border-bottom:1px solid #e8eef2}.ti-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.ti-trust-item{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;padding:22px 28px;border-right:1px solid #e4eaee}.ti-trust-item:last-child{border-right:0}.ti-icon-round{width:48px;height:48px;border-radius:50%;background:#eaf6f7;color:#087d8c;display:grid;place-items:center;font-weight:900}.ti-trust-item strong{display:block;color:var(--ti-navy);font-size:.88rem}.ti-trust-item span{display:block;color:#60758a;font-size:.75rem;line-height:1.35;margin-top:3px}

/* Cards */
.ti-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ti-card-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.ti-card{display:flex;flex-direction:column;min-height:100%;padding:26px;border:1px solid var(--ti-border);border-radius:12px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ti-card:hover{transform:translateY(-3px);box-shadow:var(--ti-shadow);border-color:#c5d7df}.ti-card h3{font-size:1rem;margin:16px 0 8px}.ti-card p{font-size:.82rem;line-height:1.55;color:#586e82;margin:0 0 18px}.ti-card .ti-text-link{margin-top:auto;font-size:.8rem}.ti-card-icon{width:50px;height:50px;border-radius:50%;background:#eaf7f8;display:grid;place-items:center;color:#087d8c;font-size:1.25rem;font-weight:800}.ti-category-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:24px;border:1px solid var(--ti-border);background:#fff;border-radius:12px;text-decoration:none}.ti-category-card:hover{box-shadow:var(--ti-shadow);transform:translateY(-2px)}.ti-category-card strong{display:block;color:var(--ti-navy);font-size:.9rem}.ti-category-card span{display:block;color:#60758a;font-size:.76rem;line-height:1.45;margin-top:6px}

/* Feature and safety */
.ti-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ti-feature{padding:28px;background:#fff;border-radius:12px;border:1px solid rgba(18,48,74,.08)}.ti-feature h3{margin:0 0 10px;font-size:1.1rem}.ti-feature p{margin:0;color:var(--ti-muted);font-size:.9rem}.ti-safety-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.ti-safety-box{background:var(--ti-deep);color:#fff;border-radius:16px;padding:34px;box-shadow:0 18px 42px rgba(13,36,55,.15)}.ti-safety-box h3{color:#fff;margin-top:0}.ti-safety-box p,.ti-safety-box li{color:#dbe8f0}.ti-safety-box a{color:#fff}.ti-safety-box ul{padding-left:1.2em}

/* Posts */
.ti-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ti-post-card{border:1px solid var(--ti-border);border-radius:13px;background:#fff;overflow:hidden}.ti-post-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e9f5f8,#dcecf3);display:block;overflow:hidden}.ti-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.ti-post-card:hover .ti-post-thumb img{transform:scale(1.025)}.ti-post-body{padding:22px}.ti-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#087c8b}.ti-post-body h3{font-size:1.14rem;margin:9px 0}.ti-post-body h3 a{color:var(--ti-navy);text-decoration:none}.ti-post-body p{font-size:.84rem;color:#5e7285}.ti-post-meta{font-size:.72rem;color:#718497}

/* About / FAQ / CTA */
.ti-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}.ti-about-art{min-height:340px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#fff 0 14%,transparent 15%),linear-gradient(135deg,#dff2f5,#cfe7ee);display:grid;place-items:center;color:var(--ti-navy);font-size:4rem}.ti-faq-list{border-top:1px solid var(--ti-border)}.ti-faq-item{border-bottom:1px solid var(--ti-border)}.ti-faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:none;border:0;padding:20px 0;color:var(--ti-navy);font-weight:750}.ti-faq-answer{display:none;padding:0 0 20px;color:var(--ti-muted)}.ti-faq-item.is-open .ti-faq-answer{display:block}.ti-final-cta{background:var(--ti-navy);color:#fff;padding:64px 0}.ti-final-cta h2{color:#fff;margin-top:0}.ti-final-cta p{color:#d9e6ee;max-width:760px}

/* Hub pages */
.ti-page-hero{padding:64px 0 38px;background:linear-gradient(180deg,#f6fbfd,#fff)}.ti-breadcrumbs{font-size:.76rem;color:#6d8193}.ti-breadcrumbs a{color:#49697d}.ti-page-hero p{max-width:880px;color:#536d80;font-size:1.02rem}.ti-hub-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.ti-hub-quick a{padding:16px 18px;border:1px solid var(--ti-border);background:#fff;border-radius:10px;text-decoration:none;font-weight:700;color:var(--ti-navy)}.ti-hub-quick a:hover{background:var(--ti-soft)}

/* Article */
.ti-content-shell{display:grid;grid-template-columns:minmax(0,var(--ti-article)) 280px;gap:56px;align-items:start;padding:56px 0 82px}.single .entry-title{font-size:clamp(2.2rem,4vw,3.5rem);margin:.25em 0}.ti-article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#6a7f91;font-size:.78rem;margin-bottom:24px}.ti-featured-image{border-radius:15px;overflow:hidden;margin:26px 0}.ti-featured-image img{display:block;width:100%}.ti-takeaways{background:var(--ti-soft);border-left:4px solid var(--ti-teal);border-radius:10px;padding:22px 24px;margin:30px 0}.ti-takeaways h2{font-size:1.15rem;margin:0 0 12px}.ti-takeaways li{margin:.4em 0}.ti-article-sidebar{position:sticky;top:108px}.ti-sidebar-box{border:1px solid var(--ti-border);border-radius:12px;padding:22px;background:#fff;margin-bottom:18px}.ti-sidebar-box h2{font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.ti-sidebar-nav{list-style:none;padding:0;margin:0}.ti-sidebar-nav li+li{border-top:1px solid #edf1f3}.ti-sidebar-nav a{display:block;padding:9px 0;color:#466175;text-decoration:none;font-size:.8rem}.ti-medical-box,.ti-source-box{border-radius:11px;padding:24px;margin:34px 0}.ti-medical-box{background:#fff6f6;border:1px solid #f1d1d1;border-left:4px solid var(--ti-danger)}.ti-source-box{background:var(--ti-bg);border:1px solid var(--ti-border)}.ti-source-box h2,.ti-medical-box h2{font-size:1.12rem;margin-top:0}.ti-author-box{border-top:1px solid var(--ti-border);border-bottom:1px solid var(--ti-border);padding:24px 0;margin:36px 0}.ti-author-box strong{color:var(--ti-navy)}

/* Archives / search */
.ti-archive-header{padding:56px 0 32px;background:var(--ti-bg)}.ti-pagination{margin-top:38px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--ti-border);border-radius:8px;text-decoration:none}.page-numbers.current{background:var(--ti-navy);color:#fff;border-color:var(--ti-navy)}

/* Footer */
.site-footer{background:#0d263a;color:#d5e1e8}.ti-footer-top{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:44px;padding:58px 0 46px}.site-footer h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 16px}.site-footer p{font-size:.8rem;color:#b8c9d4}.ti-footer-menu{list-style:none;margin:0;padding:0}.ti-footer-menu li{margin:8px 0}.ti-footer-menu a{color:#cfe0e9;text-decoration:none;font-size:.8rem}.ti-footer-menu a:hover{color:#fff}.ti-footer-notice{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:.75rem;color:#aec3ce}.ti-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:.72rem;color:#96afbd}.ti-footer-legal{display:flex;flex-wrap:wrap;gap:16px}.ti-footer-legal a{color:#b9cbd5;text-decoration:none}

/* Forms and comments */
.comment-list{padding-left:1.2em}.comment-body{padding:18px 0;border-bottom:1px solid var(--ti-border)}.comment-form input:not([type=submit]),.comment-form textarea,.ti-contact-form input,.ti-contact-form textarea{width:100%;border:1px solid var(--ti-border);border-radius:8px;padding:11px 13px}.comment-form input[type=submit]{border:0;border-radius:8px;background:var(--ti-teal);color:#fff;padding:12px 20px;font-weight:700}

/* Responsive */
@media(max-width:1120px){.ti-card-grid{grid-template-columns:repeat(2,1fr)}.ti-card-grid--5{grid-template-columns:repeat(2,1fr)}.ti-post-grid{grid-template-columns:repeat(2,1fr)}.ti-hero-grid{grid-template-columns:1fr 430px;gap:30px}.primary-navigation ul{gap:18px}.primary-navigation a{font-size:.8rem}.ti-content-shell{grid-template-columns:minmax(0,1fr) 250px;gap:36px}}
@media(max-width:920px){.ti-container,.ti-narrow{width:min(calc(100% - 40px),var(--ti-container))}.ti-header-inner{min-height:70px}.ti-menu-toggle{display:inline-grid}.primary-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--ti-border);border-bottom:1px solid var(--ti-border);max-height:calc(100vh - 70px);overflow:auto}.primary-navigation.is-open{display:block}.primary-navigation ul{display:block;padding:10px 20px}.primary-navigation a{padding:13px 0}.primary-navigation>div>ul>li.current-menu-item>a:after{display:none}.primary-navigation .sub-menu{display:none;position:static;min-width:0;border:0;box-shadow:none;padding:0 0 6px 14px}.primary-navigation li.is-open>.sub-menu{display:block}.ti-submenu-toggle{position:absolute;right:0;top:5px;width:38px;height:38px;border:0;background:var(--ti-soft);border-radius:8px}.ti-header-tools{margin-left:auto}.ti-hero-grid{grid-template-columns:1fr;min-height:0;padding:58px 0}.ti-hero-copy{padding:0}.ti-hero-art{max-width:680px;margin:auto}.ti-trust-grid{grid-template-columns:repeat(2,1fr)}.ti-trust-item:nth-child(2){border-right:0}.ti-trust-item:nth-child(-n+2){border-bottom:1px solid #e4eaee}.ti-safety-grid,.ti-about-grid{grid-template-columns:1fr}.ti-feature-grid{grid-template-columns:1fr}.ti-hub-quick{grid-template-columns:repeat(2,1fr)}.ti-content-shell{grid-template-columns:1fr}.ti-article-sidebar{position:static;order:-1}.ti-sidebar-box--toc{display:none}.ti-footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{font-size:17px}.ti-container,.ti-narrow{width:min(calc(100% - 32px),var(--ti-container))}.site-branding{gap:8px}.ti-brand-mark{width:36px;height:36px}.ti-brand-title{font-size:1.05rem}.ti-brand-tagline{display:none}.ti-search-toggle{display:none}.ti-section{padding:58px 0}.ti-section-head{display:block}.ti-section-head>.ti-text-link{display:inline-block;margin-top:12px}.ti-card-grid,.ti-card-grid--5,.ti-post-grid,.ti-trust-grid,.ti-hub-quick{grid-template-columns:1fr}.ti-trust-item{border-right:0!important;border-bottom:1px solid #e4eaee}.ti-trust-item:last-child{border-bottom:0}.ti-category-card{grid-template-columns:48px 1fr}.ti-hero-actions{display:grid}.ti-button{width:100%}.ti-hero-grid{padding:44px 0;gap:28px}.ti-hero-art img{border-radius:14px}.ti-footer-top{grid-template-columns:1fr;gap:30px}.ti-footer-bottom{display:block}.ti-footer-legal{margin-top:12px}.ti-safety-box{padding:26px}.ti-content-shell{padding-top:40px}.ti-page-hero{padding:46px 0 28px}}