/*
Theme Name: Diyarbakır Boya Ustası
Theme URI: https://diyarbakirboyaustasi.com/
Author: Mehmet EMEN
Author URI: https://www.mehmetemen.com/
Description: Diyarbakır Boyacı için boya, tadilat, dekorasyon ve yerel hizmet WordPress teması.
Version: 4.0
*/
:root{--g:#06652f;--g2:#084f28;--r:#d71920;--orange:#ed5b24;--gold:#bd8517;--cream:#fffdf7;--line:#dfd8c8;--ink:#17251d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1360px;margin:auto;padding:0 24px}.top{background:var(--g);color:#fff;padding:8px 0;font-size:14px}.top .wrap{display:flex;justify-content:space-between}.head{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:60}.headin{height:118px;display:flex;align-items:center;gap:25px}.brand{width:330px}.brand img{width:310px;height:102px;object-fit:contain;object-position:left center}.nav{display:flex;gap:25px;justify-content:center;align-items:center;flex:1;font-weight:800;font-size:15px}.nav a:hover{color:var(--r)}.phone{font-size:22px;font-weight:900;color:var(--g);white-space:nowrap}.hero{min-height:560px;background:#111 url('assets/diyarbakir-surlari-panorama.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-panel{background:#fff;border:1px solid #ead9a5;border-radius:20px;padding:26px 42px;text-align:center;width:min(570px,calc(100% - 40px));box-shadow:0 18px 50px #0005}.badge{font-weight:900;letter-spacing:2.5px;color:var(--gold)}.hero h1{font-size:50px;line-height:1.02;text-transform:uppercase;color:var(--g);margin:9px 0}.hero h1 em{font-style:normal;color:var(--r)}.hero p{font-size:18px;line-height:1.5;margin:0}.buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn{display:inline-flex;padding:13px 23px;border-radius:8px;background:var(--g);color:#fff;font-weight:900;align-items:center;justify-content:center}.btn.call{background:var(--g)}.btn.wa{background:#13a84c}.section{padding:46px 0}.section.alt{background:var(--cream)}.title{text-align:center;margin-bottom:26px}.title h2{font-size:31px;color:var(--g);margin:0}.title h2:after{content:'';display:block;width:82px;height:2px;background:var(--gold);margin:10px auto}.title p{margin:0;color:#4d5c52}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.servicecard{border:1px solid #cdd8d0;border-radius:9px;background:#fff;padding:18px 12px;text-align:center;min-height:170px;box-shadow:0 4px 15px #0000000b}.servicecard:hover{border-color:var(--g);transform:translateY(-2px)}.serviceicon{width:48px;height:48px;border:2px solid var(--g);border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;color:var(--r);font-size:24px}.servicecard h3{font-size:16px;margin:4px 0 8px;color:#111}.servicecard p{font-size:13px;line-height:1.45;margin:0;color:#58625b}.more{text-align:center;margin-top:22px}.locations{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.locations a{border:1px solid #e79b9d;background:#fff;border-radius:6px;padding:10px 6px;text-align:center;font-size:13px;font-weight:800;color:var(--g)}.locations a:hover{background:#fff7f7;color:var(--r)}.featurebar{background:var(--g);color:#fff;padding:24px 0}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.featuregrid div{padding:8px 25px;border-right:1px solid #ffffff55}.featuregrid div:last-child{border:0}.featuregrid b,.featuregrid span{display:block}.featuregrid b{font-size:17px}.featuregrid span{font-size:13px;margin-top:5px}.archivegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blogcard{border:1px solid #e3e3e3;border-radius:9px;padding:18px;background:#fff;box-shadow:0 5px 18px #0000000b}.blogcard small{color:var(--r);font-weight:900}.blogcard h3{font-size:18px;margin:8px 0;color:#111}.blogcard p{font-size:14px;line-height:1.55;color:#566158}.blogcard b{font-size:13px;color:var(--r)}.content{max-width:1120px;margin:auto;padding:48px 22px}.content h1{color:var(--g);font-size:40px}.content h2{color:var(--g);margin-top:30px}.content p,.content li{font-size:17px;line-height:1.75}.archive-head{text-align:center;margin-bottom:30px}.archive-head h1{margin-bottom:8px}.card{border:1px solid #ddd;border-radius:9px;background:#fff;overflow:hidden}.cardbody{padding:17px}.cardbody h3{color:var(--g);margin-top:0}.contactbox{border:1px solid #d7bf79;border-radius:15px;background:#fffaf0;padding:20px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;align-items:center;margin-top:38px}.contactbox strong{font-size:21px;color:var(--g)}.contactbox p{font-size:14px;margin:5px 0}.contactpage{border:1px solid #ddd;border-radius:18px;overflow:hidden}.contacttop{background:var(--g);color:#fff;padding:22px;text-align:center}.contacttop h1{color:#fff;margin:0}.contactinner{padding:28px}.contacttips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tip{border:1px solid #e6d8b0;background:#fffaf0;border-radius:10px;padding:15px}.galleryblank{min-height:250px}.footer{background:var(--g2);color:#fff;padding:36px 0 18px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}.footer h3{margin-top:0}.footer a{color:#fff;line-height:1.9}.footer a:hover{color:#ffd676}.footlogo{width:250px;background:#fff;border-radius:8px;padding:6px}.bottom{border-top:1px solid #ffffff44;margin-top:24px;padding-top:16px;text-align:center;font-size:13px}.floatcall,.floatwa{position:fixed;bottom:14px;z-index:100;color:#fff;font-weight:900;padding:15px 27px;border-radius:28px;box-shadow:0 7px 20px #0003}.floatcall{left:14px;background:linear-gradient(135deg,#e33a20,var(--orange))}.floatwa{right:14px;background:#20b95a}@media(max-width:1100px){.nav{gap:13px;font-size:13px}.brand{width:250px}.brand img{width:235px}.phone{font-size:17px}.grid{grid-template-columns:repeat(4,1fr)}.locations{grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.top{display:none}.headin{height:88px}.nav{display:none}.brand{flex:1}.hero{min-height:500px}.grid{grid-template-columns:repeat(2,1fr)}.archivegrid,.featuregrid,.footgrid,.contacttips,.contactbox{grid-template-columns:1fr}.locations{grid-template-columns:repeat(2,1fr)}.featuregrid div{border:0;border-bottom:1px solid #ffffff44}.phone{font-size:15px}}@media(max-width:560px){.phone{display:none}.hero h1{font-size:34px}.hero-panel{padding:22px 16px}.buttons{flex-direction:column}.archivegrid{grid-template-columns:1fr}.floatcall,.floatwa{padding:13px 19px}.content h1{font-size:32px}}
