/*
Theme Name: Tal Lojistik Blok Teması
Theme URI: https://tallojistik.com.tr
Author: Tal Lojistik
Description: Tekirdağ / Çerkezköy merkezli Tal Lojistik için hazırlanmış, WordPress Site Düzenleyici (Full Site Editing) ile uçtan uca görsel olarak düzenlenebilen kurumsal blok teması.
Version: 1.0.0
Requires at least: 6.4
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: tal-lojistik
*/

/* =========================================================
   TOKENS (theme.json ile aynı değerler — dekoratif/izgara
   kuralları için burada da tanımlı)
   ========================================================= */
:root{
  --navy-950:#08131F;
  --navy-900:#0D2136;
  --steel-500:#5B7387;
  --steel-300:#A7B9C6;
  --paper-0:#FFFFFF;
  --paper-50:#F4F6F7;
  --paper-100:#E7ECEF;
  --amber-500:#E8871E;
  --amber-600:#C96F12;
  --ink-900:#101820;
  --ink-600:#42505C;
  --line:#D9E1E6;
  --font-mono:'IBM Plex Mono', monospace;
}

*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;}
:focus-visible{outline:3px solid var(--amber-500);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}
html{scroll-behavior:smooth;}

.container{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;}
.section-block{padding:88px 0;}
.section-block.is-tight{padding:64px 0;}
.section-block.is-alt{background:var(--paper-50);}
.section-head{margin-bottom:48px;max-width:680px;}
@media (max-width:720px){
  .section-block{padding:56px 0;}
}

/* =========================================================
   EYEBROW / ETİKET
   ========================================================= */
.eyebrow{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--amber-600);
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;display:inline-block;}
.is-dark-section .eyebrow{color:var(--amber-500);}

.section-lede{max-width:560px;color:var(--ink-600);font-size:17px;}
.is-dark-section .section-lede{color:var(--steel-300);}

/* =========================================================
   ÜST MENÜ (HEADER)
   ========================================================= */
.site-header-bar{
  position:sticky;top:0;z-index:100;
  background:var(--navy-950);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header-bar,.site-header-bar a{color:var(--paper-0);}
.site-header-bar .wp-block-navigation a{
  color:var(--paper-0) !important;
  font-size:14.5px;font-weight:500;
}
.site-header-bar .wp-block-navigation a:hover{color:var(--amber-500) !important;}
.site-header-bar .wp-block-site-logo{margin:0;}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;max-width:1180px;margin:0 auto;}
.header-brand,.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;}
.header-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}

/* Mobil menü açılınca her zaman koyu zemin + okunur yazı garanti edilir */
.wp-block-navigation__responsive-container.is-menu-open{
  background-color:var(--navy-950) !important;
}
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label{
  color:var(--paper-0) !important;
}
.site-header-bar .wp-block-navigation__toggle_button,
.site-header-bar .wp-block-navigation__responsive-container-close{
  color:var(--paper-0) !important;
}
.site-header-bar .wp-block-navigation__toggle_button svg,
.site-header-bar .wp-block-navigation__responsive-container-close svg{
  stroke:var(--paper-0) !important;
}
.header-phone-label{
  font-family:var(--font-mono);font-size:10px;color:var(--steel-300);
  letter-spacing:.1em;text-transform:uppercase;display:block;
}
.header-phone-number{font-weight:600;color:var(--paper-0) !important;font-family:var(--font-mono);font-size:13px;}

/* =========================================================
   HERO
   ========================================================= */
.hero-section{
  background:var(--navy-950);color:var(--paper-0);
  background-image:
    radial-gradient(circle at 82% 18%, rgba(232,135,30,.14), transparent 55%),
    linear-gradient(180deg, var(--navy-950), var(--navy-900) 70%, var(--navy-950));
}
.hero-section h1{color:var(--paper-0);max-width:680px;}
.hero-section .wp-block-buttons{margin-top:8px;}
.hero-section .is-style-outline .wp-block-button__link{
  border-color:rgba(255,255,255,.4) !important;color:var(--paper-0) !important;
}
.hero-section .is-style-outline .wp-block-button__link:hover{border-color:var(--paper-0) !important;}

.route-map{max-width:520px;margin:36px auto 0;}
.route-map svg{width:100%;height:auto;display:block;}
.route-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;fill:var(--steel-300);text-transform:uppercase;}
.route-label.strong{fill:var(--amber-500);}

/* =========================================================
   İSTATİSTİK ŞERİDİ
   ========================================================= */
.stats-strip{background:var(--navy-900);color:var(--paper-0);}
.stats-row{border-top:1px solid rgba(255,255,255,.08);}
.stats-row.wp-block-columns{gap:0 !important;}
.stat-cell{
  padding:36px 28px !important;border-left:1px solid rgba(255,255,255,.08);
}
.stat-cell:first-child{border-left:none;}
.stat-num{font-family:var(--font-mono);font-size:34px;color:var(--amber-500);font-weight:600;margin-bottom:4px;}
.stat-label{font-size:13.5px;color:var(--steel-300);}
@media (max-width:781px){
  .stat-cell{border-left:none !important;border-top:1px solid rgba(255,255,255,.08);}
}

/* =========================================================
   HİZMET / FİLO KARTLARI (grid izgarası)
   ========================================================= */
.card-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.card-grid.wp-block-group{gap:1px;}
.card-cell{background:var(--paper-0) !important;padding:32px 26px !important;}
.card-cell h3{margin-top:0;}
.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px;}
.chip{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--navy-900);
  background:var(--paper-100);padding:4px 8px;border-radius:3px;display:inline-block;
}
@media (max-width:960px){ .card-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .card-grid{grid-template-columns:1fr;} }
.card-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:960px){ .card-grid.cols-3{grid-template-columns:1fr;} }

/* =========================================================
   HAKKIMIZDA
   ========================================================= */
.about-figure{background:var(--navy-950);color:var(--paper-0);padding:34px !important;}
.about-figure h3{color:var(--paper-0);}
.about-figure p{color:var(--steel-300);}
.about-figure .loc{font-family:var(--font-mono);font-size:11px;color:var(--steel-300);letter-spacing:.08em;text-transform:uppercase;}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;}
@media (max-width:860px){ .about-grid{grid-template-columns:1fr;} }

/* =========================================================
   SÜREÇ ADIMLARI
   ========================================================= */
.process-grid .card-cell{border-top:3px solid var(--amber-500);}

/* =========================================================
   CTA BAND
   ========================================================= */
.cta-band{background:var(--amber-500);}
.cta-band h3,.cta-band p{color:var(--navy-950);}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.cta-band-inner h3{margin:0;max-width:520px;}
.cta-band .wp-block-button__link{
  background:transparent !important;color:var(--navy-950) !important;
  border:1px solid var(--navy-950) !important;
}
.cta-band .wp-block-button__link:hover{background:var(--navy-950) !important;color:var(--paper-0) !important;}

/* =========================================================
   İLETİŞİM / TEKLİF FORMU
   ========================================================= */
.contact-info-card{background:var(--navy-950);color:var(--paper-0);padding:34px !important;}
.contact-info-card h3{color:var(--paper-0);}
.contact-info-card p,.contact-info-card a{color:var(--paper-0) !important;}
.contact-info-card .label{
  display:block;font-family:var(--font-mono);font-size:11px;color:var(--steel-300);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;
}
.contact-info-card hr{border-color:rgba(255,255,255,.12);margin:16px 0;}
.map-embed{border:1px solid var(--line);height:180px;margin-top:20px;filter:grayscale(1) contrast(1.05);overflow:hidden;}
.map-embed iframe{width:100%;height:100%;border:0;}

.tal-quote-form{background:var(--paper-0);border:1px solid var(--line);padding:36px;}
.tal-quote-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.tal-quote-form .form-field{display:flex;flex-direction:column;gap:6px;}
.tal-quote-form .form-field.full{grid-column:1/-1;}
.tal-quote-form label{font-size:13px;font-weight:600;color:var(--navy-900);}
.tal-quote-form input,.tal-quote-form select,.tal-quote-form textarea{
  border:1px solid var(--line);padding:12px 14px;font-family:inherit;font-size:14.5px;
  border-radius:2px;background:var(--paper-50);color:var(--ink-900);width:100%;
}
.tal-quote-form textarea{resize:vertical;min-height:100px;}
.tal-quote-form button{
  width:100%;border:none;cursor:pointer;background:var(--amber-500);color:var(--navy-950);
  font-weight:600;padding:15px;border-radius:2px;font-size:15px;
}
.tal-quote-form button:hover{background:var(--amber-600);}
.tal-quote-form .form-note{font-size:12.5px;color:var(--steel-500);margin-top:12px;margin-bottom:0;}
.tal-form-message{padding:14px 18px;font-size:14px;margin-bottom:18px;border-radius:2px;}
.tal-form-message.success{background:#EAF6EC;border:1px solid #B9DEC0;color:#276F38;}
.tal-form-message.error{background:#FBEAEA;border:1px solid #E9B9B9;color:#8A2C2C;}
@media (max-width:680px){
  .tal-quote-form .form-row{grid-template-columns:1fr;}
}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start;}
@media (max-width:900px){ .contact-grid{grid-template-columns:1fr;} }

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer-bar{background:var(--navy-950);color:var(--steel-300);}
.footer-inner{padding:72px 24px 40px;max-width:1180px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-brand p{max-width:280px;font-size:14px;}
.site-footer-bar h5{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--paper-0);margin-bottom:14px;margin-top:0;
}
.site-footer-bar a{color:var(--steel-300);}
.site-footer-bar a:hover{color:var(--amber-500);}
.site-footer-bar .footer-col ul{list-style:none;margin:0;padding:0;}
.site-footer-bar .footer-col li{margin-bottom:10px;font-size:14px;}
.site-footer-bar .wp-block-social-links{margin-top:6px;}
.footer-bottom{padding:22px 24px;max-width:1180px;margin:0 auto;font-size:12.5px;color:var(--steel-500);}
.footer-bottom p{margin:0;}
@media (max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .footer-grid{grid-template-columns:1fr;} .footer-inner{padding:56px 20px 32px;} }

/* =========================================================
   SAYFA BAŞLIĞI (iç sayfalar)
   ========================================================= */
.page-hero{background:var(--navy-950);color:var(--paper-0);}
.page-hero h1{color:var(--paper-0);margin:0;}