/*
Theme Name: MotoFame
Author: MotoFame
Description: MotoFame motosiklet bilgi ve eğitim ansiklopedisi için özel responsive tema.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: motofame
*/

:root{--ink:#111827;--deep:#0c121b;--petrol:#0f766e;--gold:#f2a900;--paper:#f5f3ed;--muted:#61717b;--line:#dce0de}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;padding:12px 18px;background:#fff;left:12px;top:12px;z-index:9999}
.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.text-link{font-size:14px;font-weight:800;color:var(--petrol)}
.button{display:inline-block;background:var(--ink);color:#fff;padding:14px 23px;border-radius:7px;font-size:14px;font-weight:800;margin-top:17px}.button:hover{background:var(--petrol)}

/* Header and navigation */
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-brand{width:260px;flex:none}.site-brand img{display:block;width:100%;height:auto}.site-brand .custom-logo-link{display:block}.site-brand .custom-logo{max-height:76px;width:auto;max-width:100%}.primary-menu,.footer-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px}.primary-menu a{font-size:14px;font-weight:700}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--petrol)}.menu-toggle{display:none;border:0;background:transparent;padding:12px}.menu-toggle span{display:block;width:25px;height:3px;background:var(--ink);margin:5px 0;border-radius:3px}

/* Search */
.search-form{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:7px;max-width:600px}.search-form input{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;color:var(--ink);outline:0}.search-form input:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px;border-radius:5px}.search-form button{border:0;border-radius:7px;background:var(--gold);color:var(--ink);padding:12px 21px;font-size:14px;font-weight:800;white-space:nowrap}.search-form button:hover{background:#db9700}.hero .search-form{box-shadow:0 20px 50px #0004;border:0}

/* Front page */
.hero{background:var(--deep);color:#fff;min-height:620px;overflow:hidden;position:relative}.hero::before{content:"";position:absolute;width:730px;height:730px;right:-210px;top:-40px;border:60px solid #142d34;border-radius:50%;box-shadow:0 0 0 34px #11232d,0 0 0 95px #0e202b}.hero::after{content:"";position:absolute;width:520px;height:7px;right:-30px;bottom:120px;background:var(--gold);transform:rotate(-32deg);border-radius:20px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:620px;align-items:center;gap:40px}.hero .eyebrow{color:var(--gold);margin:0 0 18px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.99;letter-spacing:-.065em;margin:0 0 24px;max-width:790px}.hero h1 span{color:var(--gold)}.hero-copy>p:not(.eyebrow){color:#c0c9cc;max-width:560px;font-size:19px;margin:0 0 32px}.hero-art{justify-self:end;width:360px;height:360px;border:3px solid #3b6265;border-radius:50%;position:relative;background:radial-gradient(circle at center,#102b32 0 25%,transparent 26%),repeating-conic-gradient(from 0deg,#19434a 0 18deg,transparent 18deg 45deg);box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff05}.hero-art::before{content:"M";position:absolute;inset:0;display:grid;place-items:center;font-size:200px;font-weight:900;letter-spacing:-.1em;color:var(--gold);font-style:italic}
section{scroll-margin-top:24px}.topics-section,.recent-section,.content-model{padding:92px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-head h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.05em;line-height:1.1;margin:10px 0 0}.section-head .eyebrow,.content-model .eyebrow{color:var(--petrol)}
.topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{position:relative;background:#fff;min-height:240px;border:1px solid #e3e4e0;border-radius:13px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px #11182715}.topic-number{width:40px;height:40px;border-radius:50%;background:#e3f1ee;color:var(--petrol);display:grid;place-items:center;font-size:12px;font-weight:900}.topic-card h3{font-size:23px;letter-spacing:-.035em;line-height:1.2;margin:26px 0 8px}.topic-card p{color:var(--muted);margin:0}.card-link{margin-top:auto;padding-top:12px;font-size:24px;color:var(--petrol);font-weight:800}.card-link::after{content:"";position:absolute;inset:0}.coming-soon{color:var(--muted);font-size:13px;font-weight:700;margin-top:auto;padding-top:12px}
.feature-section{background:#e8edeb;padding:92px 0}.feature-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.feature-visual{display:block}.feature-visual img{width:100%;height:410px;object-fit:cover;border-radius:18px;display:block}.editorial-art{height:410px;width:100%;border-radius:18px;background:linear-gradient(135deg,#15363c,#0e1925);display:grid;place-items:center;overflow:hidden;position:relative;color:#fff;font-size:52px;font-weight:900;letter-spacing:-.07em}.editorial-art::before{content:"";position:absolute;height:230px;width:230px;border:36px solid var(--gold);border-radius:50%;box-shadow:0 0 0 42px #4fa49a22}.editorial-art{isolation:isolate}.editorial-art::before{z-index:-1}.feature-layout h2{font-size:clamp(34px,4.7vw,58px);letter-spacing:-.055em;line-height:1.06;margin:8px 0 22px}.feature-layout p{color:#4a5962;font-size:18px}.feature-layout .eyebrow{color:var(--petrol)}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.model-grid>div{border-top:3px solid var(--ink);padding:20px 0}.model-grid h3{font-size:23px;letter-spacing:-.035em;line-height:1.2}.model-grid p{color:var(--muted)}.mission{background:var(--petrol);color:#fff;padding:92px 0}.mission-layout{display:grid;grid-template-columns:.5fr 1fr;gap:50px;align-items:start}.mission h2{font-size:clamp(35px,4.5vw,60px);letter-spacing:-.055em;line-height:1.06;margin:0 0 20px}.mission p{font-size:20px;max-width:730px;color:#daf1ed;margin:0}

/* Posts, archive and search */
.listing-page{min-height:55vh;padding:78px 0 100px}.page-intro{max-width:850px;margin-bottom:42px}.page-intro .eyebrow{color:var(--petrol)}.page-intro h1{font-size:clamp(42px,5.5vw,72px);line-height:1.03;letter-spacing:-.06em;margin:12px 0 18px}.page-intro p,.archive-description{font-size:18px;color:var(--muted)}.archive-description p:last-child{margin-bottom:0}.listing-search{margin-top:28px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.post-card-image{display:block;aspect-ratio:720/460;background:var(--deep);overflow:hidden}.post-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.post-card:hover .post-card-image img{transform:scale(1.035)}.post-placeholder{height:100%;display:grid;place-items:center;color:var(--gold);font-size:120px;font-weight:900;background:radial-gradient(circle at center,#173a3e,#0c121b 70%)}.post-card-body{padding:24px}.post-card-body .eyebrow{color:var(--petrol)}.post-card-body h2{font-size:24px;line-height:1.18;letter-spacing:-.035em;margin:11px 0}.post-card-body h2 a:hover{color:var(--petrol)}.post-card-body p{color:var(--muted)}.post-card-body time{color:#77858b;font-size:13px}.pagination{margin-top:45px}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.page-numbers{display:inline-block;background:#fff;padding:9px 14px;border-radius:6px;font-weight:700}.page-numbers.current,.page-numbers:hover{background:var(--petrol);color:#fff}.empty-state{background:#fff;border:1px solid var(--line);border-radius:14px;padding:55px;max-width:750px}.empty-state h1,.empty-state h2{font-size:clamp(34px,5vw,55px);letter-spacing:-.055em;line-height:1.08;margin:10px 0}.empty-state p{color:var(--muted);font-size:18px}.empty-state .search-form{margin:24px 0}

/* Articles and editable WordPress content */
.article-page{padding:45px 0 100px}.article-wrap{width:min(900px,calc(100% - 44px));margin-inline:auto}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:50px}.breadcrumbs a:hover{color:var(--petrol)}.breadcrumbs [aria-current="page"]{max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-header{margin-bottom:39px}.article-header .eyebrow{color:var(--petrol)}.article-header h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.06em;margin:13px 0 21px}.article-deck{font-size:21px;color:#4d5d67;line-height:1.45}.article-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:700}.article-hero{margin:0 0 48px}.article-hero img{display:block;width:100%;height:auto;border-radius:16px}.article-hero figcaption{font-size:12px;color:var(--muted);margin-top:10px}.article-content{font-size:18px;line-height:1.75;overflow-wrap:break-word}.article-content>*{max-width:100%}.article-content h2,.article-content h3,.article-content h4{line-height:1.18;letter-spacing:-.035em;margin:1.5em 0 .5em}.article-content h2{font-size:36px}.article-content h3{font-size:28px}.article-content a{color:var(--petrol);text-decoration:underline;text-underline-offset:2px}.article-content ul,.article-content ol{padding-left:1.3em}.article-content blockquote{border-left:5px solid var(--gold);margin:30px 0;padding:5px 25px;color:#3d525b;background:#e9eeeb}.article-content pre,.article-content code{font-size:.9em}.article-content pre{overflow:auto;padding:18px;background:var(--deep);color:#fff;border-radius:8px}.article-content table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto}.article-content td,.article-content th{border:1px solid var(--line);padding:9px 13px}.article-content figure{margin-inline:0}.article-content figcaption{font-size:13px;color:var(--muted);text-align:center}.article-content .alignwide{max-width:1160px;width:calc(100vw - 44px);margin-left:50%;transform:translateX(-50%)}.article-content .alignfull{max-width:none;width:100vw;margin-left:50%;transform:translateX(-50%)}.article-sources{border-top:2px solid var(--ink);margin-top:65px;padding-top:22px}.article-sources h2{font-size:27px;letter-spacing:-.035em}.article-sources ul{padding-left:22px}.article-sources a{color:var(--petrol);text-decoration:underline;overflow-wrap:anywhere}.article-tags{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:14px}.article-tags a{color:var(--petrol)}.article-navigation{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.article-navigation .nav-links{justify-content:space-between;align-items:stretch}.article-navigation .nav-previous,.article-navigation .nav-next{max-width:46%}.article-navigation a span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.article-navigation a strong{font-size:18px}.page-links{margin:20px 0}.page-links a{padding:5px 10px;background:#e3efed}
.comments-area{border-top:1px solid var(--line);margin-top:45px;padding-top:30px}.comment-list{padding-left:0;list-style:none}.comment-list li{margin:18px 0;padding:20px;background:#fff;border-radius:9px}.comment-list .children{list-style:none}.comment-form label{display:block;font-size:14px;font-weight:700}.comment-form input:not([type="checkbox"]),.comment-form textarea{display:block;width:100%;max-width:600px;border:1px solid var(--line);border-radius:6px;padding:11px}.comment-form .submit{border:0;background:var(--petrol);color:#fff;border-radius:6px;padding:12px 20px;font-weight:700}

/* Footer */
.site-footer{background:var(--deep);color:#fff;padding:45px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{font-size:27px;font-weight:800;letter-spacing:-.04em}.footer-brand span{color:var(--gold)}.footer-inner p{color:#a8b3bb;font-size:13px;margin:3px 0 0}.footer-social{display:flex;gap:10px;flex-wrap:wrap}.footer-social a{font-size:13px;font-weight:700;color:#c9d5da;border:1px solid #355057;border-radius:100px;padding:9px 13px;white-space:nowrap}.footer-social a:hover{border-color:var(--gold);color:var(--gold)}.footer-menu{gap:18px}.footer-menu a{font-size:13px;color:#c9d5da}.footer-menu a:hover{color:var(--gold)}.footer-inner small{color:#a8b3bb;font-size:12px}

@media(max-width:900px){.hero-inner{grid-template-columns:1fr;padding:85px 0 65px}.hero-art{display:none}.feature-layout{grid-template-columns:1fr}.post-grid,.topic-cards,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-layout{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}}
@media(max-width:700px){.header-inner{min-height:77px}.site-brand{width:210px}.menu-toggle{display:block}.primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 22px 25px;box-shadow:0 18px 25px #11182715}.primary-navigation.is-open{display:block}.primary-menu{display:flex;align-items:stretch;flex-direction:column;gap:0}.primary-menu li{border-bottom:1px solid var(--line)}.primary-menu a{display:block;padding:12px 3px}.article-content .alignwide{width:calc(100vw - 30px)}}
@media(max-width:570px){.wrap,.article-wrap{width:calc(100% - 32px)}.hero{min-height:0}.hero-inner{min-height:0;padding:78px 0 65px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:17px}.search-form input{padding:11px 7px;font-size:13px}.search-form button{padding:11px 13px}.topics-section,.recent-section,.content-model,.feature-section,.mission{padding:67px 0}.topic-cards,.post-grid,.model-grid{grid-template-columns:1fr}.topic-card{min-height:205px}.section-head h2{font-size:35px}.feature-visual img,.editorial-art{height:280px}.editorial-art{font-size:40px}.feature-layout h2{font-size:38px}.mission h2{font-size:39px}.mission p{font-size:17px}.listing-page{padding:58px 0 78px}.empty-state{padding:30px 22px}.article-page{padding:30px 0 75px}.article-header h1{font-size:43px}.article-content{font-size:17px}.article-content h2{font-size:30px}.article-content h3{font-size:25px}.article-navigation .nav-links{display:block}.article-navigation .nav-previous,.article-navigation .nav-next{max-width:none;margin-bottom:20px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-menu{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card,.post-card-image img{transition:none}}

/* 1.0.3: published guide and related social posts on the home page. */
.hero-home,.hero-home .hero-inner{min-height:530px}
.hero-home::after{bottom:84px}
.hero-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#fff;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.hero-text-link:hover{color:var(--gold)}
.feature-copy{min-width:0}
.feature-copy .feature-excerpt{font-size:18px;line-height:1.6;margin-bottom:15px}
.feature-meta{display:flex;flex-wrap:wrap;gap:5px 18px;color:#51616a;font-size:13px;font-weight:700;margin-bottom:18px}
.feature-sources{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 11px;font-size:13px!important;color:#51616a!important;margin-bottom:19px}
.feature-sources a{font-weight:800;color:var(--petrol);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.feature-sources a:hover{color:var(--ink)}
.feature-actions{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:4px 0 0}
.feature-actions .button{margin-top:0}
.feature-social-jump{font-size:14px;font-weight:800;color:var(--petrol);text-decoration:underline;text-underline-offset:4px}
.feature-social-jump:hover{color:var(--ink)}
.feature-social{border-top:1px solid #cbd5d1;margin-top:25px;padding-top:17px;scroll-margin-top:25px}
.feature-social strong{display:block;font-size:13px;color:#334b52;margin-bottom:10px}
.feature-social div{display:flex;flex-wrap:wrap;gap:8px}
.feature-social a{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#123a3b;border:1px solid #9eb4b1;border-radius:100px;padding:7px 11px;font-size:12px;font-weight:800;line-height:1.3}
.feature-social a:hover{background:var(--petrol);color:#fff;border-color:var(--petrol)}
.recent-section .section-head .text-link{margin-bottom:8px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.hero-home .hero-inner{min-height:0;padding:75px 0 65px}.feature-layout{gap:26px}}
@media(max-width:570px){.hero-home .hero-inner{padding:68px 0 62px}.hero-home::after{display:none}.hero-text-link{margin-top:15px}.feature-copy .feature-excerpt{font-size:16px}.feature-meta{display:block}.feature-meta span{display:block}.feature-actions{align-items:stretch;flex-direction:column}.feature-actions .button,.feature-social-jump{align-self:flex-start}.feature-social a{padding:8px 11px}.recent-section .section-head{align-items:flex-start;flex-direction:column}}

/* Preserve the full editorial cover on the featured guide. */
.feature-visual img{object-fit:contain;background:var(--deep)}

/* 1.0.5: expanded reading route and links to published social examples. */
.route-section,.social-showcase{padding:92px 0}
.route-section{background:#fff}
.route-section .eyebrow,.social-showcase .eyebrow{color:var(--petrol)}
.route-intro,.social-intro{max-width:900px;color:#4a5962;font-size:18px;line-height:1.7;margin:0 0 31px}
.route-grid,.social-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.route-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:27px;min-height:340px}
.route-kicker,.preview-platform{color:var(--petrol);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.route-card h3{font-size:25px;letter-spacing:-.04em;line-height:1.18;margin:17px 0 12px}
.route-card p{color:#4a5962;font-size:16px;line-height:1.65}
.route-card a{margin-top:auto;color:var(--petrol);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.route-card a:hover{color:var(--ink)}
.social-showcase{background:#e8edeb}
.social-preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid #d4dfda;border-radius:13px;padding:23px;min-height:220px;transition:transform .2s,box-shadow .2s}
.social-preview:hover{transform:translateY(-4px);box-shadow:0 18px 30px #11182717}
.preview-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:var(--deep);color:var(--gold);font-size:23px;font-weight:900;line-height:1}
.social-preview strong{font-size:20px;letter-spacing:-.025em;line-height:1.27}
.preview-action{margin-top:auto;color:var(--petrol);font-size:14px;font-weight:800}
.footer-utility{display:flex;gap:12px 22px;flex-wrap:wrap;width:100%}.footer-utility a{color:#c9d5da;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.footer-utility a:hover{color:var(--gold)}
@media(max-width:900px){.route-grid,.social-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-section,.social-showcase{padding:72px 0}}
@media(max-width:570px){.route-grid,.social-preview-grid{grid-template-columns:1fr}.route-section,.social-showcase{padding:62px 0}.route-card,.social-preview{min-height:0}.route-section .section-head{align-items:flex-start;flex-direction:column}.route-intro,.social-intro{font-size:16px}}