/*
Theme Name: Otelteks Premium
Author: Otelteks
Description: Ferah, mobil uyumlu ve teklif odaklı otel tekstili teması.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: otelteks-premium
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#152a35;--muted:#67757c;--line:#dce2e4;--accent:#a67b51;--paper:#f5f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a67b51;outline-offset:5px}.topbar{background:var(--ink);color:white;padding:10px 5%;font-size:11px;letter-spacing:1.6px;display:flex;justify-content:space-between}.topbar span{letter-spacing:.5px;font-size:12px;opacity:.7}header{height:105px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',Arial,sans-serif;font-size:38px;font-weight:600;letter-spacing:-2px;line-height:1.1}.logo span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3.6px;font-weight:400;margin:8px 0 0 4px}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--accent)}.button{background:var(--ink);color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:17px 25px;border:1px solid var(--ink);cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.button:hover{background:#304b59}.button span{font-size:22px}.button.small{padding:10px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:44% 56%;min-height:620px;padding:0 0 0 7%}.hero-copy{padding:61px 11% 42px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 25px}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,5.4vw,86px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:0 0 25px}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:28px}.hero-note{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:39px}.line{width:30px;height:1px;background:var(--accent)}.hero-image{position:relative;min-height:620px;background:#e5e9e8;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#142c3577)}.photo-caption{position:absolute;z-index:1;bottom:30px;left:40px;color:white}.photo-caption span{font-size:10px;letter-spacing:2px}.photo-caption p{font-family:Georgia,serif;font-size:28px;margin:5px 0}.image-index{position:absolute;z-index:1;right:30px;bottom:39px;color:white;font-size:12px;letter-spacing:2px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:29px 7%;border-bottom:1px solid var(--line);gap:50px}.benefits>div{border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits b{display:block;font-size:14px;font-weight:500}.benefits span{font-size:12px;color:var(--muted)}.section{padding:85px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{color:var(--muted);font-size:14px;margin:0 0 5px}h2{font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.2;letter-spacing:-1.2px;margin:0}h3{font-weight:500}.cards{display:grid;grid-template-columns:1fr 1fr .85fr;gap:25px}.card-image{height:315px;position:relative;overflow:hidden;background:var(--paper)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.04)}.card-image>span{position:absolute;top:17px;left:18px;background:white;padding:4px 10px;font-size:11px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.card-title h3{margin:0;font-size:20px}.card-title>span{font-size:25px}.card>p{font-size:13px;color:var(--muted);margin:3px 0}.text-card{padding:29px;background:#eef2f2;display:flex;flex-direction:column}.text-card>h3{font-family:Georgia,serif;font-size:35px;line-height:1.25;margin:28px 0}.text-card .eyebrow{font-size:10px;color:var(--ink)}.woven{flex:1;min-height:80px;border-top:1px solid #a8b8bc;border-bottom:1px solid #a8b8bc;margin:15px 0 25px;background:repeating-linear-gradient(0deg,transparent,transparent 5px,#bdc9cc55 5px,#bdc9cc55 6px)}.approach{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2{font-size:49px}.approach-copy>p{color:var(--muted);margin-top:0}.approach-copy>div{display:flex;gap:25px;border-top:1px solid var(--line);padding:18px 0}.approach-copy>div>span{font-size:12px;color:var(--accent);padding-top:3px}.approach-copy>div p{margin:0;font-size:14px;color:var(--muted)}.approach-copy b{display:block;color:var(--ink);font-size:16px;font-weight:500;margin-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps>div{border-top:1px solid var(--line);padding-top:25px}.steps span{font-size:11px;letter-spacing:1.4px;color:var(--accent)}.steps h3{font-size:20px;margin:18px 0 10px}.steps p{font-size:14px;color:var(--muted);max-width:290px}.quote{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px}.quote h2{font-size:51px}.quote>div>p:not(.eyebrow){color:#c0cbd0;margin-top:24px}.quote .eyebrow{color:#d4b18f}.demo-note{display:block;color:#b9c6ca;font-size:12px;margin-top:40px}form label{display:block;font-size:13px;margin-bottom:17px}input,select,textarea{display:block;width:100%;background:#ffffff08;border:1px solid #6d7c84;color:white;border-radius:0;padding:12px;margin-top:7px;font-size:14px}select option{color:var(--ink);background:white}input::placeholder,textarea::placeholder{color:#a7b5bc}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1.3fr 1fr;gap:17px}form .button{background:white;color:var(--ink);width:100%;border-color:white}form .button:hover{background:#dce5e8}#result{border:1px solid #80929b;padding:18px;margin-top:20px;font-size:14px;white-space:pre-line}#download{background:none;color:white;border:0;text-decoration:underline;cursor:pointer;padding:0}footer{padding:50px 7% 20px;display:flex;flex-wrap:wrap;justify-content:space-between}footer p{font-size:13px;color:var(--muted)}footer>div:nth-child(2){display:flex;align-items:center;gap:30px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:11px;color:var(--muted)}@media(min-width:1600px){main,header,footer,.topbar{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:17px;font-size:12px}.hero{padding-left:5%;grid-template-columns:46% 54%}.hero-copy{padding-right:7%}.hero h1{font-size:65px}.section{padding:60px 5%}.cards{gap:15px}.card-image{height:250px}.text-card{padding:20px}.text-card>h3{font-size:28px}.approach,.quote{gap:40px}.approach h2,.quote h2{font-size:39px}.benefits{padding:25px 5%;gap:25px}}@media(max-width:650px){.topbar{font-size:9px;justify-content:center}.topbar span{display:none}header{height:85px;position:relative}.logo{font-size:31px}.logo span{font-size:8px;letter-spacing:2.7px}header>.button{margin-left:auto;margin-right:15px;font-size:12px;padding:7px 12px;gap:12px}.menu{display:block;border:0;background:none;font-size:23px;color:var(--ink)}nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:25px;z-index:5;box-shadow:0 15px 20px #152a3510;font-size:16px}nav.open{display:flex;flex-direction:column}.hero{padding:0;grid-template-columns:1fr}.hero-copy{padding:42px 7% 35px}.hero h1{font-size:64px}.hero h1 br:nth-child(2){display:none}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-note{margin-top:25px}.hero-image{min-height:390px}.photo-caption{left:25px;bottom:25px}.photo-caption p{font-size:24px}.benefits{grid-template-columns:1fr;gap:15px;padding:25px 7%}.benefits>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:13px}.benefits>div:last-child{padding:0}.section{padding:50px 7%}.section-heading{display:block}.section-heading>p{margin-top:17px}h2{font-size:35px}.cards{grid-template-columns:1fr;gap:32px}.card-image{height:340px}.text-card{min-height:340px}.approach,.quote{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr;gap:18px}.steps h3{margin:12px 0 6px}.steps p{max-width:none}.quote h2{font-size:42px}.demo-note{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}footer>div:nth-child(2){align-items:start;gap:12px;flex-direction:column}.footer-bottom{gap:25px}.hero-copy>p:not(.eyebrow){font-size:16px}.card>p,.steps p,.approach-copy>div p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.ot-contact{max-width:760px;margin:80px auto;padding:25px} .ot-contact h1{font-family:Georgia,serif} .ot-contact a{color:#a67b51} .quote .notice{padding:14px;border:1px solid #a8b8bc;margin-bottom:20px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
header nav ul{display:flex;gap:35px;list-style:none;margin:0;padding:0;align-items:center}header nav li{position:relative}header nav .sub-menu{display:none;position:absolute;z-index:10;top:100%;left:-18px;min-width:155px;padding:14px 18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 24px #152a3518}header nav li:hover>.sub-menu,header nav li:focus-within>.sub-menu{display:block}header nav .sub-menu li{padding:5px 0}@media(max-width:650px){header nav.open{display:block}header nav.open ul{display:block}header nav.open li{padding:8px 0}header nav.open .sub-menu,header nav.open li:hover>.sub-menu{display:block;position:static;border:0;box-shadow:none;padding:4px 0 4px 18px;font-size:14px}}