/*
Theme Name: Loook Telegram Automation
Theme URI: https://example.com/
Author: OlMark Automation Studio
Author URI: https://example.com/
Description: Modern plugin sales funnel theme for Loook Telegram Automation Plugin (WordPress). Includes Pricing, Integrations (CPT), Demo, Docs hub, Support, Blog, and conversion-focused homepage sections.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loook
Tags: one-column, custom-logo, custom-menu, featured-images, translation-ready
*/
/* Design system */
:root{
  --loook-primary: #0d6efd;
  --loook-primary-2: #20c997;
  --loook-dark: #0b1220;
  --loook-surface: #ffffff;
  --loook-soft: rgba(2,6,23,.06);
  --loook-border: rgba(15,23,42,.10);
  --loook-radius: 20px;
  --loook-radius-lg: 26px;
  --loook-shadow: 0 16px 50px rgba(2,6,23,.10);
  --loook-shadow-soft: 0 10px 30px rgba(2,6,23,.08);
  --loook-text: #0f172a;
}

html{ scroll-behavior:smooth; }
body{
  color: var(--loook-text);
  line-height: 1.6;
  letter-spacing: .1px;
}
a{ text-decoration: none; }
a:hover{ text-decoration: none; }

/* Bootstrap tuning */
.navbar-brand img{ max-height: 40px; width:auto; }
.btn{ border-radius: 14px; padding: .70rem 1.05rem; font-weight: 700; }
.btn-lg{ border-radius: 16px; padding: .9rem 1.25rem; }
.btn-primary{
  background-image: linear-gradient(135deg, var(--loook-primary) 0%, #4f46e5 55%, var(--loook-primary-2) 110%);
  border: none;
  box-shadow: 0 12px 30px rgba(13,110,253,.25);
}
.btn-primary:hover{ filter: brightness(1.03); transform: translateY(-1px); }
.btn-outline-light{ border-color: rgba(255,255,255,.35); color:#fff; }
.btn-outline-light:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.55); color:#fff; }
.btn-outline-primary{ border-color: rgba(13,110,253,.35); }

/* Layout */
.loook-section{ padding: 84px 0; }
@media (max-width: 991px){
  .loook-section{ padding: 64px 0; }
}

/* Card */
.loook-card{
  border: 1px solid var(--loook-border);
  border-radius: var(--loook-radius);
  box-shadow: var(--loook-shadow-soft);
}
.loook-card.hover-up{ transition: transform .18s ease, box-shadow .18s ease; }
.loook-card.hover-up:hover{ transform: translateY(-4px); box-shadow: var(--loook-shadow); }

/* Hero */
.loook-hero{
  position: relative;
  overflow: hidden;
  color:#fff;
  background:
    radial-gradient(1200px 500px at 10% 10%, rgba(13,110,253,.25), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(32,201,151,.18), transparent 60%),
    radial-gradient(700px 420px at 85% 60%, rgba(99,102,241,.22), transparent 60%),
    linear-gradient(180deg, #050914 0%, #0b1220 100%);
}
.loook-hero::after{
  content:"";
  position:absolute; inset:auto -20% -40% -20%;
  height: 520px;
  background: radial-gradient(closest-side, rgba(255,255,255,.10), transparent 70%);
  filter: blur(10px);
  pointer-events:none;
}
.loook-hero .badge{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16);
}
.loook-muted{ color: rgba(255,255,255,.78); }

.loook-hero-mock{
  border-radius: var(--loook-radius-lg);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 20px 80px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.loook-feature-icon{
  width: 46px; height: 46px; border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.12);
  color: var(--loook-primary);
  font-size: 18px;
}

/* Pricing */
.loook-price{
  font-size: 42px; font-weight: 900; letter-spacing: -.03em;
}
.loook-pill{ border-radius: 999px; }

/* Footer */
.loook-footer{ background:#050914; color: rgba(255,255,255,.82); }
.loook-footer a{ color: rgba(255,255,255,.92); }
.loook-footer a:hover{ color: #fff; }

.loook-sticky-cta{
  position: fixed; bottom: 18px; right: 18px; z-index: 1030;
  box-shadow: 0 16px 40px rgba(2,6,23,.18);
}

/* Utilities */
.loook-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(15,23,42,.14), transparent);
}
.loook-badge-soft{
  background: rgba(13,110,253,.10);
  border: 1px solid rgba(13,110,253,.18);
  color: #0b5ed7;
}
.loook-kpi{
  border-radius: var(--loook-radius);
  border: 1px solid var(--loook-border);
  background: #fff;
}

/* Content */
.content img{ max-width: 100%; height:auto; }


/* Sales engine extras */
.loook-step{
  border-radius: var(--loook-radius);
  border: 1px solid var(--loook-border);
  background: #fff;
}
.loook-step-num{
  width: 44px; height: 44px; border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.12);
  color: var(--loook-primary);
  font-weight: 900;
}
.loook-pricing-badge{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.10);
}
.loook-fab-telegram{
  position: fixed;
  bottom: 18px;
  left: 18px;
  z-index: 1030;
  box-shadow: 0 16px 40px rgba(2,6,23,.18);
}

.loook-trial{border:1px dashed rgba(13,110,253,.35);background:rgba(13,110,253,.06);border-radius:var(--loook-radius);}