/*
Theme Name: Saitebia
Theme URI: https://saitebia.com
Author: Saitebia.com
Description: საიტების კატალოგის (ვებ-დირექტორიის) თემა Saitebia.com-სთვის — ნათელი, პოზიტიური ფერები, Customizer-იდან რედაქტირებადი.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: saitebia
*/

:root{
  --saitebia-bg: #eef6ff;
  --saitebia-panel: #ffffff;
  --saitebia-primary: #12b886;
  --saitebia-accent: #ff9f1c;
  --saitebia-chip-bg: #f3fbf8;
  --saitebia-text: #1f2933;
  --radius: 10px;
}
*{ box-sizing: border-box; }
body{
  margin:0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: var(--saitebia-bg);
  color: var(--saitebia-text);
}
a{ color: inherit; }

.screen-reader-text{
  border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px;
  overflow:hidden; padding:0; position:absolute!important; width:1px; word-wrap:normal!important;
}

.saitebia-wrap{
  max-width: 1400px;
  margin: 0 auto;
  padding: 16px;
  display:grid;
  grid-template-columns: 160px 1fr 160px;
  gap: 16px;
}
.saitebia-side-ad{
  display:flex; flex-direction:column; gap:12px;
  position:sticky; top:16px;
}
.saitebia-ad-slot{
  background: var(--saitebia-panel);
  border:1px solid #e1eee8;
  border-radius: var(--radius);
  padding:10px;
  text-align:center;
  overflow:hidden;
}
.saitebia-ad-slot img{ max-width:100%; height:auto; border-radius:6px; }
.saitebia-main{
  grid-column: 2;
  background: var(--saitebia-panel);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 2px 14px rgba(0,0,0,.06);
  min-width: 0;
}
header.saitebia-top{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:14px;
}
.saitebia-logo{
  display:flex; align-items:center; gap:10px; font-weight:800; font-size:28px; color: var(--saitebia-text);
  text-decoration:none;
}
.saitebia-logo .mark{
  width:42px; height:42px; border-radius:10px;
  background: linear-gradient(135deg, var(--saitebia-primary), #0ca678);
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px;
  overflow:hidden;
}
.saitebia-logo .mark--logo{ background:none; }
.saitebia-logo .mark--logo img{ width:100%; height:100%; object-fit:contain; border-radius:10px; }
.saitebia-tagline{ color:#6b7280; font-size:12px; font-weight:400; margin-top:2px; }
.saitebia-banner{
  border-radius: var(--radius);
  overflow:hidden;
}
.saitebia-banner--custom{ flex:1; min-width:200px; }

.saitebia-search{
  display:flex; align-items:center; gap:0; margin-left:auto;
  background:#fff; border:1px solid #d7e5ea; border-radius:8px; overflow:hidden;
  min-width:220px; flex:1; max-width:360px;
}
.saitebia-search-input{
  border:none; outline:none; padding:10px 12px; font-size:13px; flex:1; min-width:0;
  font-family:inherit;
}
.saitebia-search-btn{
  border:none; background: var(--saitebia-primary); color:#fff; cursor:pointer;
  padding:0 16px; font-size:15px;
}
.saitebia-search-btn:hover{ opacity:.85; }

nav.saitebia-nav{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; padding-left:0; }
nav.saitebia-nav li{ list-style:none; margin:0; }
nav.saitebia-nav a{
  text-decoration:none; color:#fff; background: var(--saitebia-primary);
  padding:10px 18px; border-radius:8px; font-size:14px; font-weight:600; transition:.15s opacity;
}
nav.saitebia-nav a:hover{ opacity:.85; }

.saitebia-catalog{ display:flex; flex-direction:column; gap:8px; }
.saitebia-row{
  display:grid; grid-template-columns: 170px repeat(6, 1fr); gap:8px; align-items:stretch;
}
.saitebia-cat-label{
  background: var(--saitebia-primary); color:#fff; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; font-weight:700; font-size:13px;
  border-radius:8px; padding:10px 8px; line-height:1.25; text-decoration:none; gap:4px;
}
.saitebia-cat-label small{ font-weight:400; opacity:.85; font-size:11px; }
.saitebia-chip{
  background: var(--saitebia-chip-bg); border:1px solid #e1eee8; border-radius:8px;
  display:flex; align-items:center; gap:8px; padding:8px 10px; font-size:13px; font-weight:600;
  color: var(--saitebia-text); text-decoration:none; min-width:0;
}
.saitebia-chip:hover{ border-color: var(--saitebia-primary); background:#fff; }
.saitebia-logo-fallback{
  width:26px; height:26px; flex:0 0 26px; border-radius:6px; background: var(--saitebia-accent);
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800;
}
.saitebia-logo-img{ width:26px; height:26px; flex:0 0 26px; border-radius:6px; object-fit:cover; }
.saitebia-chip .name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.saitebia-more-link{
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700;
  color: var(--saitebia-primary); border:1px dashed var(--saitebia-primary); border-radius:8px;
  text-decoration:none; padding:8px 6px; text-align:center;
}
.saitebia-more-link:hover{ background: var(--saitebia-chip-bg); }

/* კატეგორიის სრული გვერდი (taxonomy archive) */
.saitebia-cat-header{
  background: linear-gradient(135deg, var(--saitebia-primary), #0ca678);
  color:#fff; border-radius: var(--radius); padding:22px; margin-bottom:18px;
}
.saitebia-cat-header h1{ margin:0 0 6px; font-size:26px; }
.saitebia-h1-sub{ font-weight:400; opacity:.85; font-size:.7em; }
.saitebia-cat-grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:10px;
}
.saitebia-cat-grid .saitebia-chip{ padding:12px; font-size:14px; }

.saitebia-chip--card{ flex-direction:column; align-items:flex-start; gap:6px; }
.saitebia-chip-top{ display:flex; align-items:center; gap:8px; }
.saitebia-chip-desc{
  font-size:12px; font-weight:400; color:#5b6b74; line-height:1.4;
  white-space:normal; overflow:visible;
}
.saitebia-chip-tags{ display:flex; flex-wrap:wrap; gap:4px; margin-top:2px; }
.saitebia-tag-pill{
  font-size:11px; font-weight:600; background:#e7f7f1; color: var(--saitebia-primary);
  padding:2px 8px; border-radius:10px;
}
.saitebia-tag-pill--cat{ background: var(--saitebia-primary); color:#fff; }
.saitebia-breadcrumb{ font-size:13px; margin-bottom:14px; color:#6b7280; }
.saitebia-breadcrumb a{ color: var(--saitebia-primary); text-decoration:none; font-weight:600; }
.saitebia-pagination{ margin-top:20px; display:flex; gap:8px; flex-wrap:wrap; }
.saitebia-pagination a, .saitebia-pagination span{
  padding:6px 12px; border-radius:6px; background: var(--saitebia-chip-bg); text-decoration:none; font-size:13px;
}
.saitebia-pagination .current{ background: var(--saitebia-primary); color:#fff; font-weight:700; }

footer.saitebia-footer{
  margin-top:24px; padding-top:14px; border-top:1px solid #e5e5e5;
  font-size:12px; color:#6b7280; text-align:center;
}
footer.saitebia-footer a{ color: var(--saitebia-primary); text-decoration:none; }

.saitebia-single-card{
  max-width:420px; margin:20px auto; text-align:center; padding:26px; border-radius: var(--radius);
  background: var(--saitebia-chip-bg); border:1px solid #e1eee8;
}
.saitebia-single-card .saitebia-logo-img, .saitebia-single-card .saitebia-logo-fallback{
  width:64px; height:64px; font-size:26px; margin:0 auto 12px;
}
.saitebia-visit-btn{
  display:inline-block; margin-top:14px; background: var(--saitebia-primary); color:#fff;
  padding:10px 22px; border-radius:8px; text-decoration:none; font-weight:700;
  border:none; cursor:pointer; font-size:14px; font-family:inherit;
}
.saitebia-visit-btn:hover{ opacity:.9; }

.saitebia-page{ max-width:760px; }
.saitebia-page h1{ margin-top:0; }
.saitebia-page-content{ line-height:1.7; color: var(--saitebia-text); }

.saitebia-contact-wrap{ max-width:520px; }
.saitebia-notice{
  padding:12px 14px; border-radius:8px; margin-bottom:16px; font-size:14px; font-weight:600;
}
.saitebia-notice--ok{ background:#e7f7f1; color:#0f7a53; border:1px solid #b9e8d4; }
.saitebia-notice--err{ background:#fdeeee; color:#b3261e; border:1px solid #f5c2c0; }

.saitebia-contact-form{ display:flex; flex-direction:column; gap:14px; }
.saitebia-contact-form label{
  display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color: var(--saitebia-text);
}
.saitebia-contact-form input[type="text"],
.saitebia-contact-form input[type="email"],
.saitebia-contact-form textarea{
  border:1px solid #d7e5ea; border-radius:8px; padding:10px 12px; font-size:14px;
  font-family:inherit; font-weight:400; resize:vertical;
}
.saitebia-contact-form input:focus, .saitebia-contact-form textarea:focus{
  outline:2px solid var(--saitebia-primary); outline-offset:1px;
}
.saitebia-hp-wrap{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.saitebia-contact-alt{ margin-top:18px; font-size:13px; color:#6b7280; }
.saitebia-contact-alt a{ color: var(--saitebia-primary); font-weight:600; }

@media (max-width: 1000px){
  .saitebia-wrap{ grid-template-columns: 1fr !important; }
  .saitebia-main{ grid-column: 1; }
  .saitebia-side-ad{ display:none; }
  .saitebia-row{ grid-template-columns: 120px repeat(3, 1fr); }
}
@media (max-width: 640px){
  .saitebia-row{ grid-template-columns: 100px repeat(2, 1fr); }
}