/*
Theme Name: GRGRUP Modern
Theme URI: https://grgrup.com
Author: Yamanweb
Author URI: https://yamanweb.com
Description: GRGRUP İnşaat Gayrimenkul için özel, üç dilli ve düzenlenebilir kurumsal WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: grgrup-modern
*/

:root{
  --green:#16d75c;
  --green-dark:#0fa748;
  --ink:#0c1110;
  --paper:#f4f5f2;
  --warm:#e8e6df;
  --white:#fff;
  --line:#daddd6;
  --muted:#6a716d;
  --shadow:0 24px 80px rgba(10,24,16,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1280px,calc(100% - 56px));margin:auto}
.section{padding:110px 0}
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;color:#fff;transition:.3s}
.site-header.scrolled{background:rgba(10,15,13,.94);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.header-inner{height:96px;width:min(1440px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:30px}
.brand{width:198px;flex:0 0 auto}.brand img{width:198px;height:82px;object-fit:contain;object-position:left center;filter:none}
.main-nav{display:flex;gap:28px;margin-left:auto;align-items:center}.main-nav a{font-size:13px;font-weight:750;letter-spacing:.03em;opacity:.88}.main-nav a:hover{opacity:1}
.header-actions{display:flex;align-items:center;gap:14px}
.header-phone{font-size:13px;font-weight:800;white-space:nowrap}
.language-picker{display:flex;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(0,0,0,.14);backdrop-filter:blur(12px)}
.lang-btn{border:0;background:transparent;width:34px;height:28px;border-radius:999px;padding:4px;cursor:pointer;opacity:.55;transition:.2s}.lang-btn.active,.lang-btn:hover{opacity:1;background:rgba(255,255,255,.14)}.lang-btn svg{width:25px;height:17px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0}

.hero{height:100svh;min-height:760px;position:relative;background:#111;color:#fff;overflow:hidden}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease}.hero-slide.active{opacity:1;visibility:visible}
.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 6s ease}.hero-slide.active img{transform:scale(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,5,.76) 0%,rgba(3,8,5,.34) 48%,rgba(3,8,5,.08) 75%),linear-gradient(0deg,rgba(3,8,5,.65),transparent 48%)}
.hero-content{position:absolute;left:max(28px,calc((100vw - 1280px)/2));top:52%;transform:translateY(-50%);width:min(760px,calc(100% - 56px));z-index:4}
.hero-kicker{font-size:12px;letter-spacing:.22em;font-weight:850;color:#c6d2ca;margin-bottom:20px}
.hero h1{font-size:clamp(54px,7vw,98px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;font-weight:700}
.hero p{font-size:19px;max-width:630px;color:#e0e5e2;line-height:1.55;margin:0 0 34px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:800;border:0;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--green);color:#061009}.btn.portfolio{background:#fff;color:#0a1510;border:1px solid rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(0,0,0,.12)}.btn.portfolio:hover{background:#eefbf3;border-color:#eefbf3}.btn.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.38);color:#fff;backdrop-filter:blur(12px)}
.hero-project-label{position:absolute;right:max(28px,calc((100vw - 1280px)/2));bottom:115px;z-index:4;text-align:right}
.hero-project-status{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9ef0ba}.hero-project-label h2{font-size:36px;margin:8px 0 2px}.hero-project-label p{margin:0;color:#e0e5e2}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:86px;border-top:1px solid rgba(255,255,255,.18);z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2))}
.hero-dots{display:flex;gap:10px}.dot{width:44px;height:3px;border:0;background:rgba(255,255,255,.3);padding:0;cursor:pointer}.dot.active{background:var(--green)}
.hero-counter{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.16em}.hero-counter #currentSlide{font-size:26px;font-weight:700}

.signature{background:#fff}.signature-grid{display:grid;grid-template-columns:.75fr 1.3fr .7fr;gap:58px;align-items:start}
.giant-number{font-size:clamp(72px,10vw,150px);letter-spacing:-.07em;font-weight:740;line-height:.8;color:#151b18}
.section-label{display:block;font-size:11px;letter-spacing:.22em;font-weight:850;color:var(--green-dark);margin-bottom:14px}
.signature h2,.editorial-head h2,.manifesto h2,.realestate h2,.contact h2{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0}
.signature-copy p{font-size:18px;color:#5d6662;line-height:1.7;max-width:720px}
.signature-stat{border-top:1px solid var(--ink);padding-top:18px}.signature-stat span{font-size:11px;letter-spacing:.14em;color:#727a76}.signature-stat strong{display:block;font-size:26px;margin-top:10px;line-height:1.15}

.projects{background:var(--paper)}.editorial-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.project-filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #cfd4ce;background:transparent;border-radius:999px;padding:10px 16px;font-weight:750;font-size:13px;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{background:#fff;border-radius:0;overflow:hidden;transition:.3s}.project-card.hidden{display:none}
.project-image{height:470px;position:relative;overflow:hidden;background:#dfe3df}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover img{transform:scale(1.075);filter:saturate(1.08)}
.project-sheen{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 47%,transparent 58%);transform:translateX(-120%);transition:transform .9s}.project-card:hover .project-sheen{transform:translateX(120%)}
.status-chip{position:absolute;left:18px;top:18px;background:rgba(10,15,13,.82);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}
.project-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 4px 30px;border-bottom:1px solid #dfe3de}.location{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#747c78}.project-meta h3{font-size:32px;margin:6px 0 0}.round-arrow{width:50px;height:50px;border-radius:50%;border:1px solid #bdc4bf;background:transparent;font-size:22px;transition:.25s}.project-card:hover .round-arrow{background:var(--green);border-color:var(--green);transform:rotate(45deg)}

.manifesto{position:relative;background:#101713;color:#fff;padding:120px 0;overflow:hidden}.manifesto-bg{position:absolute;width:800px;height:800px;border:120px solid rgba(22,215,92,.08);border-radius:50%;right:-300px;top:-320px}.manifesto-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px}.manifesto-title>span{font-size:11px;letter-spacing:.22em;color:#8cebab}.manifesto h2{margin-top:14px}.manifesto-points{border-top:1px solid rgba(255,255,255,.18)}.manifesto-points div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:start}.manifesto-points strong{color:var(--green)}.manifesto-points span{font-size:20px;color:#d8e0dc}

.services{background:#fff}.services-list{border-top:1px solid #cfd4cf}.service-row{display:grid;grid-template-columns:70px .9fr 1.3fr 70px;gap:24px;align-items:center;padding:32px 0;border-bottom:1px solid #cfd4cf;transition:.25s}.service-row:hover{padding-left:14px;background:linear-gradient(90deg,#f0fbf4,transparent)}.service-no{font-size:12px;color:var(--green-dark);font-weight:800}.service-row h3{font-size:26px;margin:0}.service-row p{margin:0;color:#68716d;line-height:1.6}.service-arrow{font-size:24px;text-align:right}

.realestate{background:#e8e6df}.realestate-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.realestate-copy p{font-size:18px;line-height:1.7;color:#5f625e;max-width:680px}.text-link{display:inline-block;margin-top:15px;font-weight:800;border-bottom:1px solid #222;padding-bottom:5px}
.search-card{background:#fff;padding:30px;box-shadow:var(--shadow)}.search-row{padding:16px 0;border-bottom:1px solid #e1e4e0}.search-row label{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#747b77;margin-bottom:7px}.search-row select{width:100%;border:0;background:transparent;font-size:18px;font-weight:700;outline:none}.search-submit{width:100%;margin-top:20px;border:0;background:var(--ink);color:#fff;padding:16px;font-weight:800;cursor:pointer}.search-submit:hover{background:var(--green-dark)}

.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info{margin-top:34px;border-top:1px solid #d7dcd7}.contact-info>a,.contact-info>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #d7dcd7}.contact-info span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#747c78}.contact-info strong{font-size:17px}
.contact-form{display:grid;gap:14px;background:#f4f5f2;padding:30px}.contact-form input,.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid #c9cfca;background:transparent;padding:14px 3px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green-dark)}#formNote{display:none;color:#138e47}#formNote.show{display:block}

footer{background:#0c1110;color:#fff;padding:70px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.25fr .65fr .75fr .65fr;gap:50px;align-items:start}
.footer-brand img{width:190px;height:80px;object-fit:contain;object-position:left center;filter:none;margin-bottom:18px}
.footer-brand p{color:#9da7a2;max-width:420px}
.footer-grid h4{margin:0 0 15px}
.footer-col>a,.footer-col>span{display:block;color:#a8b1ad;margin-bottom:8px;font-size:14px;transition:.2s}
.footer-col>a:hover{color:#fff}
.social-icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.social-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid!important;place-items:center;margin:0!important;color:#fff!important;transition:.25s!important;background:rgba(255,255,255,.025)}
.social-icon:hover{border-color:var(--green);background:var(--green);color:#07110a!important;transform:translateY(-3px)}
.social-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.7}
.social-icon:first-child svg{fill:none}
.social-icon:first-child .fill-dot{fill:currentColor;stroke:none}
.social-icon:last-child .play-cut{fill:#0c1110;stroke:none}
.social-icon:last-child:hover .play-cut{fill:var(--green)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:20px;color:#7f8b85;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.designer-credit{display:inline-flex!important;align-items:center;gap:8px;color:#a8b1ad!important;margin:0!important;letter-spacing:.04em;transition:.2s}
.designer-credit span{margin:0!important}
.designer-credit b{color:var(--green);font-size:14px}
.designer-credit:hover{color:#fff!important}

@media(max-width:1040px){
  .main-nav{position:absolute;top:96px;left:0;right:0;background:#0d1412;padding:24px;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.header-phone{display:none}
  .signature-grid{grid-template-columns:1fr 1.4fr}.signature-stat{grid-column:2}
  .project-grid{grid-template-columns:1fr}.project-image{height:540px}
  .manifesto-grid,.realestate-grid,.contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.25fr .75fr .75fr}
  .footer-social-col{grid-column:2/4}
  .services-list .service-row{grid-template-columns:50px 1fr 1.2fr 50px}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,1280px)}.section{padding:80px 0}.header-inner{height:84px;width:calc(100% - 24px)}.brand,.brand img{width:176px;height:70px}.main-nav{top:84px}
  .language-picker{gap:1px}.lang-btn{width:30px}
  .hero{min-height:720px}.hero-content{top:50%;width:calc(100% - 28px);left:14px}.hero h1{font-size:50px}.hero p{font-size:16px}.hero-project-label{left:14px;right:auto;bottom:105px;text-align:left}.hero-project-label h2{font-size:27px}.hero-project-label p{font-size:13px}.hero-bottom{padding:0 14px}
  .signature-grid{grid-template-columns:1fr;gap:28px}.signature-stat{grid-column:auto}.giant-number{font-size:90px}.signature h2,.editorial-head h2,.manifesto h2,.realestate h2,.contact h2{font-size:42px}
  .editorial-head{align-items:flex-start;flex-direction:column}.project-image{height:390px}.project-meta h3{font-size:26px}
  .manifesto{padding:85px 0}.manifesto-grid{gap:45px}.manifesto-points span{font-size:17px}
  .service-row{grid-template-columns:38px 1fr 44px!important;gap:12px}.service-row p{grid-column:2/4}.service-arrow{grid-column:3;grid-row:1}.service-row h3{font-size:22px}
  .contact-form{padding:22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}
}


/* Final revision: external portfolio, GR Aluminium, floating contact */

.search-link{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.floating-contact{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:90;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.float-icon{
  width:43px;
  height:43px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(10,17,14,.94);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 34px rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.float-icon:hover{transform:translateY(-3px) scale(1.04);border-color:var(--green)}
.float-icon.phone:hover{background:#171f1b}
.float-icon.whatsapp{background:#25D366;border-color:#25D366}
.float-icon.whatsapp:hover{background:#20bd5a}
.float-icon.instagram{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);border:0}
.float-icon svg{width:19px;height:19px;fill:currentColor;stroke:none}
.float-icon.instagram svg{fill:none;stroke:#fff;stroke-width:1.8}
.float-icon.instagram .insta-dot{fill:#fff;stroke:none}

@media(max-width:720px){
  .floating-contact{right:12px;bottom:14px;gap:8px}
  .float-icon{width:38px;height:38px}
  .float-icon svg{width:17px;height:17px}
}

@media(max-width:720px){
  .hero-buttons{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    max-width:520px;
    margin-top:24px;
  }
  .hero-buttons .btn{
    min-width:0;
    width:100%;
    padding:11px 8px;
    font-size:12px;
    line-height:1.15;
    white-space:nowrap;
    border-radius:18px;
    box-shadow:none;
  }
  .hero-buttons .btn.primary{
    background:var(--green);
  }
  .hero-buttons .btn.portfolio{
    background:#fff;
    color:#0a1510;
  }
  .hero-buttons .btn.glass{
    background:rgba(10,16,13,.46);
    border-color:rgba(255,255,255,.34);
    backdrop-filter:blur(8px);
  }
}

/* WordPress theme additions */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.project-card .round-arrow{display:grid;place-items:center;color:inherit;text-decoration:none}
.project-card .round-arrow:hover{text-decoration:none}
.contact-form .hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.contact-form .form-message{display:none;margin-top:2px;color:var(--green-dark);font-size:13px}
.contact-form .form-message.show{display:block}
.single-project{padding:150px 0 100px;background:#f4f5f2;min-height:100vh}
.single-project .container{max-width:1100px}
.single-project-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.single-project-image{border-radius:24px;overflow:hidden;background:#ddd}
.single-project-image img{width:100%;height:auto}
.single-project-meta .section-label{margin-bottom:12px}
.single-project-meta h1{font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.045em;margin:0 0 16px}
.single-project-meta .location{font-size:14px;color:#6b736e;display:block;margin-bottom:24px}
.single-project-content{font-size:18px;line-height:1.7;color:#545d58}
.wp-site-blocks{padding:0}
@media(max-width:900px){.single-project-hero{grid-template-columns:1fr}.single-project{padding-top:120px}}