/*
Theme Name: AutoTech Szerviz
Description: AutoTech Szerviz Sopron – gyorsszerviz és autóelektronika. Saját fotókkal, szerkeszthető WordPress-oldalakkal.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: autotech-szerviz
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#071017;--blue:#00a7e7;--blue2:#007dbb;--paper:#f4f7f8;--muted:#66757d;--line:#d9e2e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,16,23,.96);border-bottom:1px solid #ffffff17;backdrop-filter:blur(12px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;color:white;line-height:1}.brand-mark{width:42px;height:42px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";display:block;position:absolute;height:2px;background:var(--blue)}.brand-mark:before{width:12px;left:3px;transform:rotate(45deg)}.brand-mark:after{width:17px;right:2px;transform:rotate(-48deg)}.brand-mark span{height:22px;width:2px;transform:rotate(10deg)}.brand strong{font-size:20px;letter-spacing:.08em}.brand strong span{color:var(--blue)}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.44em;color:#aebbc2}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav a{color:#c8d2d7;font-size:14px;font-weight:700}.desktop-nav a:hover{color:white}
.call-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:3px;background:var(--blue);color:#00131d;font-weight:800;box-shadow:0 8px 30px #00a7e733;transition:.2s ease}.call-button:hover{background:#27baf2;transform:translateY(-2px)}.call-button.compact{min-height:44px;padding:0 18px;font-size:14px}
.hero{position:relative;min-height:655px;overflow:hidden;background:radial-gradient(circle at 75% 40%,#17323e 0,#0b1921 34%,#071017 68%);color:white}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 6%,black 72%,transparent);transform:perspective(500px) rotateX(60deg) scale(1.5);transform-origin:bottom}.hero:after{content:"";position:absolute;left:0;bottom:0;width:43%;height:4px;background:var(--blue)}.hero-inner{position:relative;z-index:1;min-height:655px;display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:90px;padding:80px 0}.eyebrow{margin:0 0 18px;color:#9bdffc;font-size:12px;font-weight:900;letter-spacing:.2em}.eyebrow span{display:inline-block;width:24px;height:2px;margin:0 10px 3px 0;background:var(--blue)}.eyebrow.dark{color:var(--blue2)}.hero h1{margin:0;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:650px;margin:28px 0 32px;color:#b8c5cb;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-button{display:flex;align-items:center;gap:9px;font-weight:800;border-bottom:1px solid #60727b;padding:8px 0}.location-line{display:flex;align-items:center;gap:8px;margin-top:30px;color:#8e9ea6;font-size:14px}
.hero-panel{border:1px solid #5acdf940;background:linear-gradient(145deg,#112c38e0,#051017f0);box-shadow:0 35px 70px #00000073;transform:rotate(1.5deg)}.panel-top,.panel-footer{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;color:#86d9f8;font-size:11px;font-weight:800;letter-spacing:.16em;border-bottom:1px solid #ffffff17}.panel-display{min-height:300px;padding:56px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--blue)}.panel-display:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #00a7e733;border-radius:50%;box-shadow:0 0 0 35px #00a7e708,0 0 0 70px #00a7e706}.scan-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 18px var(--blue)}.panel-display svg,.panel-display strong,.panel-display small{position:relative;z-index:1}.panel-display strong{margin-top:24px;letter-spacing:.19em;color:white}.panel-display small{color:#6f8792}.panel-footer{border:0;color:#647983}.panel-footer i{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:7px;background:#57d17d;box-shadow:0 0 10px #57d17d}.panel-footer strong{color:white}
.trust-strip{background:white;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;align-items:center;gap:16px;min-height:112px;padding:22px 35px;border-right:1px solid var(--line)}.trust-grid>div:first-child{border-left:1px solid var(--line)}.trust-grid svg{color:var(--blue2);width:30px;height:30px}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:15px}.trust-grid small{color:var(--muted)}
.section{padding:110px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:48px}.section-heading h2,.why-copy h2,.contact-card h2{margin:0;font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:275px;padding:30px;border:1px solid var(--line);background:white;transition:.2s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 20px 45px #07101714}.service-icon{width:54px;height:54px;display:grid;place-items:center;color:var(--blue2);background:#e9f7fc}.service-card h3{margin:30px 0 8px;font-size:21px}.service-card p{margin:0;color:var(--muted);line-height:1.55}.learn{display:flex;align-items:center;gap:3px;margin-top:22px;color:var(--blue2);font-size:14px;font-weight:800}.more-services{margin-top:16px;padding:22px 28px;border-left:4px solid var(--blue);background:#e9eff2;color:#53636b}.more-services strong{color:var(--ink)}
.why{background:var(--ink);color:white;padding:110px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-visual{min-height:430px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#123241,#09151c);border:1px solid #214352;position:relative;overflow:hidden}.why-visual:after{content:"";position:absolute;width:280px;height:280px;border:52px solid #00a7e714;border-radius:50%;right:-80px;bottom:-80px}.big-number{font-size:110px;line-height:1;color:#ffffff0d;font-weight:900}.why-visual small{color:var(--blue);letter-spacing:.2em}.why-visual strong{display:block;margin-top:10px;font-size:31px;line-height:1.15}.why-copy>p:not(.eyebrow){color:#a7b4ba;font-size:17px}.why-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.why-copy li{display:flex;gap:12px;align-items:center;color:#e7eef1}.why-copy li svg{color:var(--blue);flex:0 0 auto}
.contact-section{padding:80px 0}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:white;border:1px solid var(--line);padding:55px 60px}.contact-card p{color:var(--muted);margin-bottom:0}.contact-actions{display:grid;gap:12px}.contact-actions .call-button{justify-content:flex-start;padding:14px 22px}.contact-actions .call-button span,.address-button span{display:flex;flex-direction:column;line-height:1.2}.contact-actions small{font-size:10px;letter-spacing:.15em;opacity:.7}.address-button{display:flex;align-items:center;gap:14px;min-height:66px;padding:12px 20px;border:1px solid var(--line);background:#f6f8f9}.address-button svg{color:var(--blue2)}.address-button small{margin-top:4px;color:var(--muted);letter-spacing:0;font-size:12px}footer{background:#050b0f;color:#7d8d95}.footer-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
@media(max-width:850px){.desktop-nav{display:none}.hero-inner,.why-grid,.contact-card{grid-template-columns:1fr}.hero-inner{gap:50px}.hero{min-height:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr;gap:20px}.why-grid{gap:45px}.contact-card{gap:35px}.trust-grid>div{padding:18px}.hero-panel{max-width:520px}.compact{font-size:0;padding:0;width:44px}.compact svg{margin:0}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.header-inner{height:68px}.hero-inner{padding:62px 0}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-panel{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid>div{min-height:84px;border-left:1px solid var(--line)}.section,.why{padding:75px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.why-visual{min-height:330px}.contact-section{padding:40px 0}.contact-card{padding:35px 24px}.footer-inner{flex-direction:column;justify-content:center}.location-line{align-items:flex-start}.hero-actions{gap:18px}}
.service-hero{padding:85px 0;background:radial-gradient(circle at 80% 50%,#17323e,#071017 60%);color:white}.service-hero h1{max-width:850px;margin:15px 0;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.05em}.service-hero>div>p:last-child{max-width:680px;color:#b7c5cb;font-size:20px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:38px;color:#93a6af;font-weight:700;font-size:14px}.service-content{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;padding-block:90px}.service-content h2{font-size:40px;line-height:1.12;letter-spacing:-.03em}.service-content>div>p{color:var(--muted);font-size:18px}.service-content ul{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-content li{display:flex;align-items:center;gap:10px;font-weight:700}.service-content li svg{color:var(--blue2)}.service-content aside{align-self:start;padding:32px;background:white;border-top:4px solid var(--blue);box-shadow:0 18px 45px #07101712}.service-content aside h3{margin:0;font-size:25px}.service-content aside p{color:var(--muted)}.service-content aside .call-button{width:100%;margin:10px 0 24px}.service-content aside>span{display:flex;gap:8px;color:var(--muted);font-size:13px}@media(max-width:760px){.service-content{grid-template-columns:1fr;gap:35px;padding-block:60px}.service-content ul{grid-template-columns:1fr}.service-hero{padding:60px 0}}
.brand-logo{width:255px;height:62px;overflow:hidden;background:white;flex:0 0 auto}.brand-logo img{width:280px;height:auto;max-width:none;display:block;transform:translate(-13px,-40px)}.location-line,.hours-line{display:flex;align-items:center;gap:8px;color:#8e9ea6;font-size:14px}.location-line{margin:30px 0 0}.hours-line{margin:7px 0 0}.contact-card .contact-hours{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--ink);font-weight:700}.service-content aside .aside-hours{margin:10px 0 0 26px;font-weight:700;color:var(--ink)}
@media(max-width:560px){.brand-logo{width:190px;height:52px}.brand-logo img{width:215px;transform:translate(-12px,-31px)}.hours-line{align-items:flex-start}}
.site-header .call-button.compact{width:auto;flex:0 0 auto;white-space:nowrap;font-size:0.875rem;padding:0 14px;gap:8px}
.site-header .call-button.compact svg{flex-shrink:0}
@media(max-width:560px){.site-header .header-inner{height:auto;min-height:68px;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding-block:8px}.site-header .call-button.compact{min-height:44px}}
.service-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.service-links a{display:inline-flex;padding:8px 12px;border:1px solid #c7d3d9;background:white;color:var(--ink);font-size:14px;font-weight:700;transition:.2s}.service-links a:hover{border-color:var(--blue);color:var(--blue2)}.related-service{margin-top:28px;padding:16px 18px;border-left:3px solid var(--blue);background:#e9f7fc}.related-service a{color:var(--blue2);font-weight:800}
figure{margin:0}.workshop-hero{position:relative;border:1px solid #ffffff30;box-shadow:0 25px 70px #0005;overflow:hidden}.workshop-hero img{display:block;width:100%;height:490px;object-fit:cover;object-position:center 44%}.workshop-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 22px;background:linear-gradient(transparent,#071017ed);color:white}.workshop-hero strong,.workshop-hero span{display:block}.workshop-hero span{color:#b8d7e4;font-size:14px;margin-top:5px}.workshop-detail img{width:100%;height:360px;object-fit:cover;object-position:32% center;display:block}.workshop-detail figcaption{padding:16px 0;color:#a7b4ba;font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-grid figure{background:white;border:1px solid var(--line)}.gallery-grid img{width:100%;height:230px;object-fit:cover;display:block}.gallery-grid figure:first-child img{object-position:center 45%}.gallery-grid figcaption{padding:16px;font-size:14px;font-weight:700}.workshop-gallery.section{padding-bottom:0}.entrance-photo img{display:block;width:100%;height:auto}.entrance-photo figcaption{font-size:14px;color:var(--muted);margin:8px 0}.service-photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}.service-photo-autokulcs img,.service-photo-immobilizer-kormanyzar img{height:440px;object-position:center 43%}.service-photo-gyorsszerviz img{height:480px;object-position:center 40%}.service-photo figcaption{font-size:14px;color:var(--muted);margin-top:10px}@media(max-width:850px){.workshop-hero{width:100%;max-width:560px}.workshop-hero img{height:440px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.workshop-hero img{height:380px}.workshop-detail img{height:280px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-grid img{height:180px}.gallery-grid figcaption{padding:12px}.service-photo-autokulcs img,.service-photo-immobilizer-kormanyzar img{height:350px}}

/* WordPress block integration */
.wp-block-group{box-sizing:border-box}.autotech-home>.wp-block-group{margin-block:0}.wp-block-image{margin:0}.wp-block-image img{vertical-align:middle}.primary-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}.custom-brand img{display:block;max-width:255px;width:auto;max-height:62px;height:auto}.custom-brand{flex:0 1 auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:12px}a:focus-visible{outline:3px solid #00a7e7;outline-offset:4px}.admin-bar .site-header{top:32px}.hero-inner>*{min-width:0}.hero h1{overflow-wrap:normal;font-size:clamp(38px,5.25vw,66px)}.autotech-primary .wp-block-button__link,.autotech-secondary .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;border-radius:3px;background:#00a7e7;color:#00131d;font-size:16px;font-weight:800;line-height:1.4}.autotech-primary .wp-block-button__link:hover{background:#27baf2}.autotech-secondary .wp-block-button__link{background:#f6f8f9;border:1px solid #d9e2e6;color:#071017}.wp-block-buttons{margin:0}.hero-actions p{margin:0}.service-card h3 a{color:inherit}.service-card h3{margin-top:0}.service-card a:hover{text-decoration:underline}.service-links p{margin:0}.more-services>p{margin:0}.why-copy li:before,.service-body li:before{content:'✓';color:#00a7e7;flex-shrink:0}.workshop-hero.wp-block-image img{height:490px;object-fit:cover;width:100%}.workshop-hero figcaption{margin:0;font-size:16px}.gallery-grid .wp-block-image img{height:230px;object-fit:cover;width:100%}.gallery-grid figcaption{margin:0}.workshop-detail.wp-block-image img{height:360px;object-fit:cover}.service-photo img{height:auto;width:100%}.service-photo-autokulcs.wp-block-image img,.service-photo-immobilizer-kormanyzar.wp-block-image img{height:440px}.service-photo-gyorsszerviz.wp-block-image img{height:480px}.service-content aside h2{margin:0;font-size:25px;line-height:1.3}.service-content aside .aside-hours{margin-left:0}.article-page{min-height:60vh}.article-page h1{font-size:clamp(32px,5vw,54px);line-height:1.15}.article-page a:not(.wp-block-button__link){color:#007dbb}.footer-inner{flex-wrap:wrap;padding-block:18px}.contact-card .wp-block-buttons,.contact-card .wp-block-button,.contact-card .wp-block-button__link{width:100%}.service-hero h1{overflow-wrap:anywhere}.workshop-gallery .section-heading{display:block}.entry-content img{max-width:100%;height:auto}#szolgaltatasok,#miert-mi,#kapcsolat{scroll-margin-top:130px}
@media(max-width:1000px){.header-inner{gap:20px}.primary-menu{gap:16px}.hero-inner{gap:40px}.hero h1{font-size:clamp(38px,5vw,56px)}}@media(max-width:850px){.hero h1{font-size:clamp(36px,7.5vw,62px)}.workshop-hero.wp-block-image img{height:440px}}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:560px){.hero h1{font-size:clamp(30px,8.7vw,44px)}.workshop-hero.wp-block-image img{height:380px}.workshop-detail.wp-block-image img{height:280px}.gallery-grid .wp-block-image img{height:180px}.service-content{gap:35px}.custom-brand img{max-width:190px}.admin-bar .site-header{top:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid .wp-block-image img{height:250px}.service-content aside .call-button{padding-inline:12px;white-space:nowrap}}