/* Fikrimje Creative — site-wide visual system.
   Typography and text sizing come from Impreza Theme Options via theme variables. */

:root{
  --fj-site-bg:#05080c;
  --fj-site-bg-2:#070b10;
  --fj-site-panel:#0b1016;
  --fj-site-panel-2:#101721;
  --fj-site-line:rgba(255,255,255,.10);
  --fj-site-text:#f7f7f3;
  --fj-site-muted:#9fa7b2;
  --fj-site-accent:#ff8a00;
  --fj-site-accent-2:#ffad45;
}

/* Shared dark canvas for every inner page. */
body:not(.home) .l-main{background:var(--fj-site-bg)!important;color:var(--fj-site-text)}
body:not(.home) .l-main .l-section{background:transparent;color:inherit}
body:not(.home) .l-main .l-section-h{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto}
body:not(.home) .l-main h1,
body:not(.home) .l-main h2,
body:not(.home) .l-main h3,
body:not(.home) .l-main h4,
body:not(.home) .l-main h5,
body:not(.home) .l-main h6{color:var(--fj-site-text)}
body:not(.home) .l-main p,
body:not(.home) .l-main li{color:#c0c7d0}
body:not(.home) .l-main a{color:var(--fj-site-accent-2)}

/* Standard inner-page hero. */
body:not(.home) .fz-pagehead{
  position:relative;
  overflow:hidden;
  padding-top:0!important;
  padding-bottom:0!important;
  background:
    radial-gradient(circle at 82% 34%,rgba(255,138,0,.14),transparent 28%),
    linear-gradient(120deg,#05080c 0%,#070c12 54%,#0a1119 100%)!important;
  border-bottom:1px solid var(--fj-site-line);
}
body:not(.home) .fz-pagehead:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 0 66%,rgba(255,138,0,.08) 66.15%,transparent 66.45%);
}
body:not(.home) .fz-pagehead>.l-section-h{position:relative;z-index:2;padding-top:120px!important;padding-bottom:72px!important}
body:not(.home) .fz-pagehead .g-cols{align-items:end}
body:not(.home) .fz-pagehead .wpb_text_column{max-width:780px;margin-bottom:0!important}
body:not(.home) .fz-pagehead h1{margin-bottom:18px!important}
body:not(.home) .fz-pagehead .fz-lead{max-width:760px;color:#b7bec7;margin-bottom:0}
body:not(.home) .fz-eyebrow{color:var(--fj-site-accent);letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
body:not(.home) .fz-gold{color:var(--fj-site-accent)!important}
body:not(.home) .fz-muted{color:var(--fj-site-muted)!important}

/* Content rhythm. */
body:not(.home) .fz-section{padding-top:0!important;padding-bottom:0!important;border-top:1px solid rgba(255,255,255,.055)}
body:not(.home) .fz-section>.l-section-h{padding-top:78px!important;padding-bottom:82px!important}
body:not(.home) .fz-section:nth-of-type(even){background:linear-gradient(180deg,#070b10,#05080c)!important}
body:not(.home) .fz-alt{background:linear-gradient(135deg,#070b10,#0a1018)!important}
body:not(.home) .fz-section h2{margin-top:0}

/* Cards and old Fikrimje content blocks restyled to homepage language. */
body:not(.home) .fz-center{text-align:center}
body:not(.home) .fz-why{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}
body:not(.home) .fz-why-item{flex:1 1 260px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important;
  border:1px solid var(--fj-site-line)!important;
  border-radius:18px!important;
  padding:28px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  transition:transform .25s ease,border-color .25s ease;
}
body:not(.home) .fz-why-item:hover{transform:translateY(-5px);border-color:rgba(255,138,0,.42)!important}
body:not(.home) .fz-why-item h3{color:var(--fj-site-text)!important}
body:not(.home) .fz-why-item p{color:var(--fj-site-muted)!important}

/* Lists. */
body:not(.home) .fz-list{list-style:none;padding-left:0}
body:not(.home) .fz-list li{position:relative;padding:12px 14px 12px 42px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
body:not(.home) .fz-list li:before{content:'';position:absolute;left:16px;top:1.15em;width:8px;height:8px;background:var(--fj-site-accent);transform:rotate(45deg);box-shadow:0 0 15px rgba(255,138,0,.35)}

/* Pricing tables. */
body:not(.home) table.fz-table{width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 38px;background:var(--fj-site-panel);border:1px solid var(--fj-site-line);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2)}
body:not(.home) table.fz-table th{background:#0d131c;color:var(--fj-site-accent-2);text-align:left;padding:15px 18px;border-bottom:1px solid var(--fj-site-line)}
body:not(.home) table.fz-table td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.065);color:#c5ccd5}
body:not(.home) table.fz-table tr:last-child td{border-bottom:none}
body:not(.home) table.fz-table tr:hover td{background:rgba(255,138,0,.035)}

/* Process cards used on teklif and supporting pages. */
body:not(.home) .fz-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
body:not(.home) .fz-step{padding:26px 22px;border:1px solid var(--fj-site-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));text-align:center}
body:not(.home) .fz-step span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:#0b1016;border:1px solid rgba(255,138,0,.60);color:var(--fj-site-accent);font-weight:700}
body:not(.home) .fz-step h3{margin:0 0 8px!important}
body:not(.home) .fz-step p{margin:0;color:var(--fj-site-muted)}
body:not(.home) .fz-why-item strong[style]{font-size:inherit!important;color:var(--fj-site-accent-2)!important}

/* Buttons and CTA. */
body:not(.home) .fz-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body:not(.home) .fz-btns.fz-center{justify-content:center}
body:not(.home) .fz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:11px;font-weight:700;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body:not(.home) .fz-btn:hover{transform:translateY(-2px)}
body:not(.home) .fz-btn-gold{background:linear-gradient(135deg,#ff9d1a,#ff7c00);color:#111!important;box-shadow:0 14px 36px rgba(255,127,0,.20)}
body:not(.home) .fz-btn-gold:hover{box-shadow:0 20px 46px rgba(255,127,0,.30)}
body:not(.home) .fz-btn-ghost{background:rgba(255,255,255,.035);border:1px solid var(--fj-site-line);color:#fff!important}
body:not(.home) .fz-cta{position:relative;overflow:hidden;padding-top:0!important;padding-bottom:0!important;background:radial-gradient(circle at 82% 50%,rgba(255,138,0,.14),transparent 24%),#05080c!important;border-top:1px solid var(--fj-site-line)}
body:not(.home) .fz-cta>.l-section-h{padding-top:70px!important;padding-bottom:70px!important}
body:not(.home) .fz-cta h2{color:#fff!important}

/* Contact Form 7 — dark, clean, homepage-compatible. */
body:not(.home) .wpcf7{padding:26px;border:1px solid var(--fj-site-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 24px 60px rgba(0,0,0,.2)}
body:not(.home) .wpcf7 label{color:#d8dee6;font-weight:600}
body:not(.home) .wpcf7 input[type=text],
body:not(.home) .wpcf7 input[type=email],
body:not(.home) .wpcf7 input[type=tel],
body:not(.home) .wpcf7 input[type=url],
body:not(.home) .wpcf7 select,
body:not(.home) .wpcf7 textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#0b1017;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
body:not(.home) .wpcf7 input:focus,
body:not(.home) .wpcf7 select:focus,
body:not(.home) .wpcf7 textarea:focus{border-color:rgba(255,138,0,.62);box-shadow:0 0 0 3px rgba(255,138,0,.08)}
body:not(.home) .wpcf7 input[type=submit]{border:0;border-radius:11px;background:linear-gradient(135deg,#ff9d1a,#ff7c00);color:#111;padding:14px 24px;font-weight:700;cursor:pointer}

/* General WPBakery rows without old fz classes still fit the same canvas. */
body:not(.home) .l-main>.l-section:not(.fz-pagehead):not(.fz-cta):not(.fjs-hero):not(.fjs-section){background:var(--fj-site-bg)!important}
body:not(.home) .l-main>.l-section:not(.fz-pagehead):not(.fz-cta):not(.fjs-hero):not(.fjs-section)>.l-section-h{padding-top:64px;padding-bottom:64px}

@media(max-width:760px){
  body:not(.home) .l-main .l-section-h{width:min(100% - 28px,1180px)}
  body:not(.home) .fz-pagehead>.l-section-h{padding-top:96px!important;padding-bottom:54px!important}
  body:not(.home) .fz-section>.l-section-h{padding-top:58px!important;padding-bottom:62px!important}
  body:not(.home) .fz-cta>.l-section-h{padding-top:54px!important;padding-bottom:54px!important}
  body:not(.home) .wpcf7{padding:18px}
  body:not(.home) .fz-steps{grid-template-columns:1fr}
}