/*
Theme Name: Disida PHP
Author: OpenAI Codex
Description: WordPress PHP theme converted from the disida static site.
Version: 1.0.0
Text Domain: disida-php
*/

:root { --blue:#00A3E8; --green:#009A44; --cyan:#28C7FF; --ink:#111827; --deep:#0B1220; }
    html { scroll-behavior:smooth; }
    body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color:var(--ink); }
    .container-page { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
    .brand-line { background:linear-gradient(90deg, var(--blue) 0 50%, var(--green) 50% 100%); }
    .hero-soft { background:radial-gradient(circle at 10% 15%, rgba(0,163,232,.12), transparent 30%), radial-gradient(circle at 90% 10%, rgba(0,154,68,.10), transparent 26%), linear-gradient(180deg,#fff 0%,#f8fbff 100%); }
    .hero-deep { background:linear-gradient(135deg, #0b1220 0%, #111827 56%, #0b4665 100%); }
    .hero-blue { background:linear-gradient(135deg,#ffffff 0%,#eef9ff 56%,#f4fff8 100%); }
    .hero-green { background:linear-gradient(135deg,#f4fff8 0%,#ffffff 55%,#eef8ff 100%); }
    .section-kicker { letter-spacing:.16em; text-transform:uppercase; font-size:.75rem; font-weight:800; color:var(--blue); }
    .title-xl { font-size:clamp(1.72rem, 2.95vw, 3rem); line-height:1.5 !important; letter-spacing:-.022em; text-wrap:balance; }
    .title-lg { font-size:clamp(1.8rem, 3vw, 3.2rem); line-height:1.04; letter-spacing:-.04em; }
    .home-hero-title { font-size:clamp(1.78rem, 2.85vw, 2.85rem); line-height:1.5 !important; letter-spacing:-.018em; text-wrap:balance; }
    .nav-link { color:#334155; font-weight:700; font-size:.92rem; }
    .nav-link:hover, .nav-active { color:var(--blue); }
    .btn-primary { background:var(--blue); color:#fff; border-radius:999px; padding:.85rem 1.2rem; font-weight:800; box-shadow:0 12px 28px rgba(0,163,232,.22); }
    .btn-primary:hover { filter:brightness(.95); }
    .btn-line { border:1px solid #cbd5e1; color:#0f172a; border-radius:999px; padding:.82rem 1.15rem; font-weight:800; background:#fff; }
    .btn-line:hover { border-color:var(--blue); color:var(--blue); }
    .card { background:#fff; border:1px solid #e5e7eb; border-radius:1.5rem; box-shadow:0 16px 48px rgba(15,23,42,.06); }
    .card-flat { background:#fff; border:1px solid #e5e7eb; border-radius:1.25rem; }
    .chip { display:inline-flex; align-items:center; gap:.5rem; border:1px solid #e5e7eb; background:#fff; padding:.45rem .7rem; border-radius:999px; font-size:.78rem; font-weight:800; color:#334155; }
    .dot { width:.5rem; height:.5rem; border-radius:999px; display:inline-block; background:var(--blue); }
    .grid-auto { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
    .device { background:linear-gradient(135deg,#101828,#1f2937); border-radius:1.3rem; padding:.7rem; border:1px solid rgba(255,255,255,.14); box-shadow:0 20px 60px rgba(2,6,23,.28); }
    .screen { min-height:185px; border-radius:.9rem; background:linear-gradient(135deg, rgba(0,163,232,.95), rgba(0,154,68,.78)); position:relative; overflow:hidden; }
    .screen:after { content:""; position:absolute; inset:28px 36px auto auto; width:160px; height:160px; border:24px solid rgba(255,255,255,.16); border-radius:999px; }
    .screen-primary { background:linear-gradient(135deg, rgba(0,163,232,.95), rgba(0,154,68,.82)); }
    .screen-green { background:linear-gradient(135deg, rgba(0,154,68,.95), rgba(0,163,232,.82)); }
    .disida-product-image-frame { padding:1rem; background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
    .disida-product-main-image { height:clamp(300px, 34vw, 380px); object-fit:contain; object-position:center; background:#fff; }
    .spec-table td,.spec-table th { border-bottom:1px solid #e5e7eb; padding:.95rem; text-align:left; }
    .spec-table th { color:#64748b; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }
    .faq-card details summary::-webkit-details-marker { display:none; }

.current-menu-item > a,
.current_page_item > a,
.current_page_parent > a {
  color: var(--blue);
}

.disida-ff-wrap .fluentform {
  position: relative;
}

.disida-ff-wrap .frm-fluent-form.disida-ff-grid {
  margin: 0;
}

.disida-ff-wrap .frm-fluent-form.disida-ff-grid > fieldset {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem 1rem;
  align-items: start;
}

.disida-ff-wrap .ff-el-group {
  grid-column: 1 / -1;
  margin: 0 !important;
}

.disida-ff-wrap .ff-el-group.disida-col-6 {
  grid-column: span 6;
}

.disida-ff-wrap .ff-el-group.disida-col-12 {
  grid-column: 1 / -1;
}

.disida-ff-wrap .ff-el-input--label {
  display: none;
}

.disida-ff-wrap .ff-el-input--content {
  width: 100%;
}

.disida-ff-wrap .ff-el-form-control {
  display: block;
  width: 100%;
  min-height: 60px;
  border: 1px solid #cfdae8 !important;
  border-radius: 1.15rem !important;
  padding: 1rem 1.15rem !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  color: #0f172a !important;
  font-size: 1.04rem !important;
  line-height: 1.5 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.85), inset 0 1px 2px rgba(148,163,184,.08);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.disida-ff-wrap .ff-el-form-control::placeholder {
  color: #6b7f97;
  opacity: 1;
}

.disida-ff-wrap .ff-el-form-control:hover {
  border-color: #b9c8db !important;
}

.disida-ff-wrap .ff-el-form-control:focus {
  outline: none;
  border-color: #00A3E8 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(0, 163, 232, .10) !important;
  transform: translateY(-1px);
}

.disida-ff-wrap textarea.ff-el-form-control {
  min-height: 190px;
  padding-top: 1rem !important;
  resize: vertical;
}

.disida-ff-wrap .ff_submit_btn_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .25rem !important;
}

.disida-ff-wrap .ff-btn-submit,
.disida-ff-wrap button.ff-btn-submit,
.disida-ff-wrap input.ff-btn-submit {
  min-width: 196px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 1rem 1.6rem !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  box-shadow: 0 16px 32px rgba(14,165,233,.24);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.disida-ff-wrap .ff-btn-submit:hover,
.disida-ff-wrap button.ff-btn-submit:hover,
.disida-ff-wrap input.ff-btn-submit:hover {
  filter: brightness(.98);
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(14,165,233,.28);
}

.disida-ff-wrap .ff-message-success {
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #166534;
  font-weight: 600;
  line-height: 1.7;
}

.disida-ff-wrap .ff-message-error,
.disida-ff-wrap .ff-errors-in-stack {
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  font-weight: 600;
  line-height: 1.7;
}

.disida-ff-wrap .text-danger {
  margin-top: .4rem;
  color: #b91c1c;
  font-size: .9rem;
}

.disida-ff-fallback {
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  background: #fff7ed;
  border: 1px solid #fdba74;
  color: #9a3412;
  font-weight: 600;
}

@media (max-width: 767px) {
  .disida-ff-wrap .frm-fluent-form.disida-ff-grid > fieldset {
    grid-template-columns: 1fr;
  }

  .disida-ff-wrap .ff-el-group.disida-col-6,
  .disida-ff-wrap .ff-el-group.disida-col-12 {
    grid-column: 1 / -1;
  }

  .disida-ff-wrap .ff-el-form-control {
    min-height: 56px;
    font-size: 1rem !important;
  }

  .disida-ff-wrap textarea.ff-el-form-control {
    min-height: 170px;
  }

  .disida-ff-wrap .ff-btn-submit,
  .disida-ff-wrap button.ff-btn-submit,
  .disida-ff-wrap input.ff-btn-submit {
    width: 100%;
    min-width: 0;
  }
}