/*
Theme Name: Ankre Teema
Theme URI: https://www.ankre.ee
Author: Ankre OÜ
Author URI: https://www.ankre.ee
Description: Ankre OÜ üldehitus ja remont — ametlik koduleht
Version: 1.6
License: GNU General Public License v2 or later
Text Domain: ankre-theme
*/

*{box-sizing:border-box;margin:0;padding:0;}
html,body{overflow-x:hidden;width:100%;}
body{font-family:Georgia,serif;background:#0a0a0a;color:#f0e6c8;}
.site{max-width:1200px;margin:0 auto;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 40px;border-bottom:1px solid #2a2010;background:#0a0a0a;position:sticky;top:0;z-index:100;}
.nav-links{display:flex;gap:26px;}
.nav-links a{text-decoration:none;color:#a09070;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;}
.nav-links a:hover{color:#c9a84c;}
.nav-cta{background:#c9a84c;color:#0a0a0a;padding:9px 20px;font-size:11px;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;font-family:sans-serif;font-weight:700;}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:12px;}
.nav-burger span{display:block;width:24px;height:2px;background:#c9a84c;transition:all 0.3s;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile{display:none;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0a;z-index:98;padding:80px 32px 32px;overflow-y:auto;}
.nav-mobile.open{display:flex;}
.nav-mobile a{color:#a09070;text-decoration:none;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;padding:14px 0;border-bottom:1px solid #1a1a0a;}
.nav-mobile a:last-child{border-bottom:none;}
.nav-mobile a:hover{color:#c9a84c;}
.nav-mobile .nav-cta-mobile{display:block;margin-top:16px;background:#c9a84c;color:#0a0a0a;padding:12px 20px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;font-weight:700;text-align:center;text-decoration:none;border:none;cursor:pointer;}
.hero{position:relative;min-height:590px;display:flex;align-items:center;padding:80px 40px;overflow:hidden;}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center;}
.hov{position:absolute;inset:0;background:linear-gradient(to right,rgba(4,2,0,0.74) 28%,rgba(3,2,0,0.46) 56%,rgba(0,0,0,0.12) 100%);}
.hc{position:relative;z-index:2;max-width:560px;}
.htag{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#c9a84c;font-family:sans-serif;margin-bottom:18px;}
h1{font-size:44px;font-weight:400;line-height:1.15;color:#fff;margin-bottom:10px;}
.hslogan{font-size:16px;color:#c9a84c;font-style:italic;margin-bottom:20px;}
.divider{width:48px;height:1px;background:#c9a84c;margin-bottom:24px;}
.hsub{font-size:15px;color:#d4c8a8;font-family:sans-serif;line-height:1.75;margin-bottom:32px;}
.bg{background:#c9a84c;color:#0a0a0a;padding:14px 32px;font-size:12px;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;font-family:sans-serif;font-weight:700;display:inline-block;text-decoration:none;}
.bg:hover{background:#e0c060;}
.bo{background:transparent;border:1px solid rgba(201,168,76,0.65);color:#c9a84c;padding:14px 28px;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:sans-serif;display:inline-block;text-decoration:none;}
.bo:hover{background:rgba(201,168,76,0.08);}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1e1a10;border-bottom:1px solid #1e1a10;}
.stat{padding:28px 24px;text-align:center;border-right:1px solid #1e1a10;}
.stat:last-child{border-right:none;}
.snum{font-size:36px;color:#c9a84c;}
.slbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#5a5040;font-family:sans-serif;margin-top:5px;}
.sec{padding:64px 40px;}
.tag{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#c9a84c;font-family:sans-serif;margin-bottom:12px;}
.ttl{font-size:30px;color:#f0e6c8;font-weight:400;line-height:1.25;}
.ln{width:40px;height:1px;background:#c9a84c;margin:14px 0 36px;}
.igr{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.itx{font-size:14px;color:#7a6f58;font-family:sans-serif;line-height:1.9;}
.iq{font-size:15px;color:#c9a84c;font-style:italic;border-left:2px solid #c9a84c;padding-left:20px;margin:22px 0;}
.iim{overflow:hidden;position:relative;}
.iim img{width:100%;height:100%;object-fit:cover;display:block;}
.sgr{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1e1a10;}
.sc{background:#0d0d0d;padding:28px 24px;}
.si{font-size:22px;margin-bottom:14px;width:32px;height:32px;display:block;}
.si svg{width:32px;height:32px;display:block;}
.si svg path,.si svg rect,.si svg circle,.si svg polyline,.si svg line,.si svg polygon{stroke:#c9a84c;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.st{font-size:15px;color:#c9a84c;margin-bottom:8px;font-weight:400;}
.sx{font-size:13px;color:#6a5f48;font-family:sans-serif;line-height:1.7;}
.wgr{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;}
.wi{aspect-ratio:16/9;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#111008;}
.wo{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.4) 50%,transparent 100%);}
.wl{position:relative;z-index:1;padding:20px;flex:1;}
.wl p{font-size:14px;color:#c9a84c;letter-spacing:1px;font-weight:400;margin-bottom:4px;}
.wl span{font-size:11px;color:#8a8070;font-family:sans-serif;letter-spacing:2px;text-transform:uppercase;}
.wbtn{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:20px 20px 20px 0;}
.wa{background:rgba(201,168,76,0.15);border:1px solid rgba(201,168,76,0.5);color:#c9a84c;padding:6px 14px;font-size:11px;font-family:sans-serif;text-decoration:none;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-align:center;}
.wa:hover{background:rgba(201,168,76,0.3);}
.wb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:0.05;color:#c9a84c;}
.wnote{background:#0d0d0a;border:1px solid #2a2010;padding:18px 22px;margin-top:18px;font-size:13px;color:#6a5f48;font-family:sans-serif;line-height:1.7;}
.wnote strong{color:#c9a84c;}
.wlinks{display:flex;gap:12px;margin-top:16px;}
.cgr{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.ctag{color:#c9a84c;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;}
.clnk{color:#f0e6c8;text-decoration:none;}
.clnk:hover{color:#c9a84c;}
.sb{background:#1a1510;border:1px solid #3a3020;color:#c9a84c;padding:8px 16px;font-size:11px;text-transform:uppercase;font-family:sans-serif;text-decoration:none;letter-spacing:1px;display:inline-block;}
.sb:hover{background:#2a2010;}
/* VORM */
.form{display:flex;flex-direction:column;gap:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c9a84c;font-family:sans-serif;margin-bottom:6px;}
.form input,.form select,.form textarea{width:100%;background:#0d0d0a;border:1px solid #2a2010;padding:13px 16px;font-size:14px;color:#f0e6c8;font-family:sans-serif;outline:none;transition:border-color 0.2s;-webkit-appearance:none;border-radius:0;}
.form input::placeholder,.form textarea::placeholder{color:#3a3020;}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#c9a84c;background:#0f0f0a;}
.form select{cursor:pointer;}
.form select option{background:#0d0d0a;color:#f0e6c8;}
.form textarea{height:130px;resize:vertical;}
.form-submit{background:#c9a84c;color:#0a0a0a;padding:15px 36px;font-size:12px;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;font-family:sans-serif;font-weight:700;align-self:flex-start;transition:background 0.2s;}
.form-submit:hover{background:#e0c060;}
.form-note{font-size:11px;color:#3a3020;font-family:sans-serif;}
#success-msg{display:none;background:#0a180a;border:1px solid #2a5a1a;padding:16px 20px;font-size:14px;color:#6abf4b;font-family:sans-serif;margin-top:4px;line-height:1.5;}
#error-msg{display:none;background:#180a0a;border:1px solid #5a1a1a;padding:16px 20px;font-size:14px;color:#bf4b4b;font-family:sans-serif;margin-top:4px;line-height:1.5;}
.footer{background:#060606;border-top:1px solid #1e1a10;padding:36px 40px;}
.ftop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #1a1510;}
.fsl{font-size:11px;color:#5a5040;font-family:sans-serif;font-style:italic;margin-top:8px;}
.fct{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c9a84c;font-family:sans-serif;margin-bottom:12px;}
.fc a,.fc p{display:block;font-size:12px;color:#5a5040;font-family:sans-serif;text-decoration:none;margin-bottom:7px;line-height:1.6;}
.fc a:hover{color:#c9a84c;}
.fsoc{display:flex;gap:8px;margin-top:10px;}
.fbot{display:flex;justify-content:space-between;align-items:center;}
.fbot p{font-size:11px;color:#2a2010;font-family:sans-serif;letter-spacing:1px;}
.fbot a{font-size:11px;color:#3a3020;font-family:sans-serif;text-decoration:none;}
.fbot a:hover{color:#c9a84c;}


/* FOTOGALERII */
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:24px;}
.photo-item{position:relative;overflow:hidden;aspect-ratio:4/3;background:#111008;}
.photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.photo-item:hover img{transform:scale(1.04);}
.photo-empty{text-align:center;padding:60px 20px;color:#6a5f48;font-family:sans-serif;font-size:14px;line-height:2;}
.photo-empty a{color:#c9a84c;}
@media (max-width:900px){.photo-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.photo-grid{grid-template-columns:1fr;}}

@media (max-width: 900px) {
  .nav{padding:10px 16px;}
  .nav img{height:82px !important;width:auto;}
  .nav-links{display:none;}
  .nav-cta{display:none;}
  .nav-burger{display:flex;}
  .hero{padding:60px 20px;min-height:480px;}
  h1{font-size:30px;}
  .ttl{font-size:22px;}
  .stats{grid-template-columns:repeat(3,1fr);}
  .sec{padding:40px 20px;}
  .igr{grid-template-columns:1fr;gap:32px;}
  .sgr{grid-template-columns:1fr 1fr;}
  .wgr{grid-template-columns:1fr;}
  .cgr{grid-template-columns:1fr;}
  .ftop{grid-template-columns:1fr 1fr;gap:24px;}
  .form-row{grid-template-columns:1fr;}
}

@media (max-width: 600px) {
  .nav img{height:70px !important;width:auto;}
  h1{font-size:26px;}
  .ttl{font-size:20px;}
  .hero{min-height:420px;}
  .stats{grid-template-columns:1fr;}
  .stat{border-right:none;border-bottom:1px solid #1e1a10;}
  .sgr{grid-template-columns:1fr;}
  .ftop{grid-template-columns:1fr;}
  .fbot{flex-direction:column;gap:12px;text-align:center;}
  .wlinks{flex-wrap:wrap;}
  /* CookieYes modal mobiilil */
  .cky-modal,.cky-preference-center{max-width:100vw !important;left:0 !important;right:0 !important;}
}