@charset 'utf-8';
/*
 Theme Name:   Kings & Queens Child
 Theme URI:    http://kingsqueens.ancorathemes.com/
 Description:  Kings & Queens - Fully Responsive and Mobile Friendly theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com/
 Template:     kings-queens
 Version:      1.0
 Tags:         light, inheritable theme-options
 Text Domain:  kings-queens
*/



/* =Theme customization starts here
-------------------------------------------------------------- */
.top_panel_title .content_wrap {
    background-color: rgba(0, 0, 0, 0.5);
}
.scheme_dark .top_panel_default .top_panel_navi, .scheme_dark.top_panel_default .top_panel_navi {
    background-color: #0e0d12 !important;
}

.post_featured.hover_icon, .post_featured.hover_icons {
    position: relative;
    width: 100%;
}

a.more-link.sc_button.sc_button_bordered {
  position: relative;
  color: inherit; /* zachowuje kolor */
  text-decoration: none;
}

a.more-link.sc_button.sc_button_bordered::before {
  content: "Czytaj więcej";
  display: inline;
}

a.more-link.sc_button.sc_button_bordered {
  font-size: 1rem; /* możesz dostosować */
}

a.more-link.sc_button.sc_button_bordered {
  color: #222; /* kolor tekstu */
}

a.more-link.sc_button.sc_button_bordered {
  visibility: hidden;
}

a.more-link.sc_button.sc_button_bordered::before {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* --- Ustawienia globalne / paleta --- */
/* ========= CGG Design System (scoped by .cgg) ========= */

/* --- Paleta i zmienne --- */
.cgg {
  --bg:#0e0f12;
  --card:#15171c;
  --card-2:#1b1e24;
  --text:#e8eaf0;
  --muted:#a9afbd;
  --pri:#6aa5ff;
  --pri-2:#3d87ff;
  --accent:#9b7dff;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.25);
  --gap:1rem;
  color:var(--text);
  line-height:1.6;
}
.cgg * { box-sizing: border-box; }
.cgg .wrap { max-width:1100px; margin:0 auto; padding:1rem; background:var(--bg); }

/* Light mode auto */
@media (prefers-color-scheme: light){
  .cgg{
    --bg:#f6f7fb; --card:#ffffff; --card-2:#f2f4f8; --text:#172029; --muted:#546173;
    --pri:#2f6cff; --pri-2:#1f59e6; --accent:#6b4dff;
  }
}

/* --- Karty / Sekcje --- */
.cgg .section{
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(16px,2.5vw,28px);
  margin:clamp(14px,1.8vw,20px) 0;
}
.cgg .hero{ @apply: not-supported; } /* placeholder for readability */
.cgg .hero{
  padding:clamp(18px,2.8vw,32px);
}
.cgg h1{ margin:0 0 .6rem; font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:.2px; }
.cgg h2{ margin:.1rem 0 .6rem; font-size:clamp(1.1rem,2.3vw,1.5rem); }
.cgg p{ margin:.4rem 0; color:var(--text); }
.cgg .muted{ color:var(--muted); }

/* --- Layouty siatkowe --- */
.cgg .grid-2{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:var(--gap); }
.cgg .grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:var(--gap); }
.cgg .grid-auto{ display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:var(--gap); }

@media (max-width: 900px){
  .cgg .grid-2{ grid-template-columns: 1fr; }
  .cgg .grid-3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .cgg .grid-3{ grid-template-columns: 1fr; }
}

/* --- Kafle / elementy --- */
.cgg .card{
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(16px,2.4vw,24px);
  transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.cgg .card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.35); border-color:rgba(255,255,255,.14); }

/* --- Obrazki / figury --- */
.cgg figure{ margin:0; }
.cgg img{
  display:block; width:100%; height:auto; border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}

/* --- Listy --- */
.cgg .list{ margin:.2rem 0 0; padding-left:1.1rem; }
.cgg .list li{ margin:.35rem 0; }

/* --- Przyciski --- */
.cgg .buttons{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.8rem; width:100%; clear:both; }
.cgg .btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.7rem 1rem; border-radius:999px; text-decoration:none; white-space:nowrap;
  font-weight:700; color:var(--text);
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.06)), linear-gradient(180deg, var(--card-2), var(--card));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.cgg .btn:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.22); box-shadow:0 6px 18px rgba(61,135,255,.25); }
.cgg .btn:active{ transform:translateY(0); box-shadow:0 2px 8px rgba(0,0,0,.25); }
.cgg .btn-primary{ background:linear-gradient(180deg, var(--pri), var(--pri-2)); color:#fff; border-color:transparent; box-shadow:0 10px 24px rgba(61,135,255,.35); }
.cgg .btn-ghost{ background:transparent; border-color:rgba(255,255,255,.18); }

/* --- Media (video) --- */
.cgg .video{
  position:relative; width:100%; aspect-ratio:16/9; border-radius:14px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08); background:#000; box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.cgg .video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.cgg .video-fallback{ color:var(--muted); margin:.5rem 0 0; }

/* --- Audio --- */
.cgg .audio audio{ width:100%; height:40px; display:block; border-radius:10px; }
.cgg .audio figcaption{ font-size:.9rem; color:var(--muted); margin-top:.4rem; }

/* --- Galerie --- */
.cgg .gallery .grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(140px,1fr)); gap:.75rem; }
.cgg .gallery a{
  display:block; border-radius:12px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.05); box-shadow:0 6px 16px rgba(0,0,0,.25);
  transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.cgg .gallery a:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.18); box-shadow:0 12px 28px rgba(0,0,0,.35); }
.cgg .gallery img{ aspect-ratio:1/1; object-fit:cover; filter:saturate(.97) contrast(1.02); transition:transform .25s ease, filter .25s ease; }
.cgg .gallery a:hover img{ transform:scale(1.03); filter:saturate(1.05) contrast(1.06); }

/* --- Social grid (banery 16:9 po 3 w rzędzie) --- */
.cgg .social-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.cgg .social-grid a{
  display:block; border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.05); box-shadow:0 6px 16px rgba(0,0,0,.25);
  transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.cgg .social-grid a:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.18); box-shadow:0 12px 28px rgba(0,0,0,.35); }
.cgg .social-grid img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }

@media (max-width:980px){ .cgg .social-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .cgg .social-grid{ grid-template-columns:1fr; } }

/* --- Fokus / dostępność --- */
.cgg a:focus-visible{ outline:2px solid var(--pri); outline-offset:2px; border-radius:12px; }