/*
Theme Name: Kadence Child
Template: kadence
Version: 1.1
*/

/* ============================================================
   DARK THEME – Big Boobs Gallery
   Crna pozadina, bijela slova, rozo akcenti
   ============================================================ */

/* CSS varijable */
:root {
    --bbg-black:      #0d0d0d;
    --bbg-black2:     #161616;
    --bbg-black3:     #1e1e1e;
    --bbg-black4:     #2a2a2a;
    --bbg-pink:       #d63384;
    --bbg-pink-light: #ff6ec7;
    --bbg-pink-dark:  #a0205e;
    --bbg-white:      #f0f0f0;
    --bbg-grey:       #aaaaaa;
}

/* ============================================================
   GLOBALNO
   ============================================================ */
body,
.site,
.content-bg {
    background-color: var(--bbg-black) !important;
    color: var(--bbg-white) !important;
}

/* Paragraf i tekst */
p, li, span, td, th, label, blockquote {
    color: var(--bbg-white) !important;
}

/* Naslovi */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.wp-block-heading {
    color: var(--bbg-white) !important;
}

/* Linkovi */
a {
    color: var(--bbg-pink) !important;
    text-decoration: none;
}
a:hover {
    color: var(--bbg-pink-light) !important;
    text-decoration: underline;
}

/* ============================================================
   HEADER & NAVIGACIJA
   ============================================================ */
.site-header,
.site-top-bar,
#masthead,
.kadence-sticky-header {
    background-color: var(--bbg-black2) !important;
    border-bottom: 1px solid var(--bbg-pink-dark) !important;
}

/* Logo tekst */
.site-branding .site-title,
.site-branding .site-title a,
.custom-logo-link {
    color: var(--bbg-white) !important;
}

/* Nav linkovi */
.main-navigation a,
.nav--toggle-sub a,
#site-navigation a,
.kadence-navigation a,
.primary-menu a,
.primary-menu > li > a {
    color: var(--bbg-white) !important;
}
.main-navigation a:hover,
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a {
    color: var(--bbg-pink) !important;
}

/* Dropdown menu */
.sub-menu,
.dropdown-nav,
.main-navigation ul ul {
    background-color: var(--bbg-black2) !important;
    border: 1px solid var(--bbg-black4) !important;
}
.sub-menu a,
.main-navigation ul ul a {
    color: var(--bbg-white) !important;
    border-bottom: 1px solid var(--bbg-black4) !important;
}
.sub-menu a:hover,
.main-navigation ul ul a:hover {
    background-color: var(--bbg-black3) !important;
    color: var(--bbg-pink) !important;
}

/* Hamburger / mobile nav */
.menu-toggle,
.kadence-menu-toggle {
    color: var(--bbg-white) !important;
}

/* ============================================================
   HERO / PAGE TITLE
   ============================================================ */
.entry-hero,
.page-hero,
.kadence-page-hero,
.hero-section {
    background-color: var(--bbg-black2) !important;
    border-bottom: 2px solid var(--bbg-pink-dark) !important;
}

.entry-hero .entry-title,
.page-hero .entry-title {
    color: var(--bbg-white) !important;
}

/* Page title area */
.wp-block-post-title,
.page-title,
.archive-title {
    color: var(--bbg-white) !important;
}

/* ============================================================
   CONTENT AREA
   ============================================================ */
.site-content,
.content-area,
.wp-site-blocks,
main {
    background-color: var(--bbg-black) !important;
}

/* Kartice postova */
.entry,
.loop-entry,
.post-entry,
article.post {
    background-color: var(--bbg-black2) !important;
    border: 1px solid var(--bbg-black4) !important;
}

.entry-content-wrap {
    background-color: var(--bbg-black2) !important;
}

.entry-title a {
    color: var(--bbg-white) !important;
}
.entry-title a:hover {
    color: var(--bbg-pink) !important;
}

/* Meta info */
.entry-meta,
.entry-meta a,
.posted-on,
.byline,
.cat-links,
.tags-links {
    color: var(--bbg-grey) !important;
}
.entry-meta a:hover,
.cat-links a:hover {
    color: var(--bbg-pink) !important;
}

/* ============================================================
   GALERIJA THUMBNAILOVI
   ============================================================ */
.scg-mosaic-gallery,
.scg-mosaic-gallery .scg-item,
.scg-mosaic-gallery .scg-mosaic-item {
    background-color: var(--bbg-black) !important;
}

.scg-mosaic-gallery .scg-item a,
.scg-mosaic-gallery .scg-mosaic-item a {
    border: none !important;
}

.scg-mosaic-gallery img:hover {
    opacity: 0.85;
    transition: opacity 0.2s;
}

/* ============================================================
   SIDEBAR & WIDGETI
   ============================================================ */
.widget-area,
.sidebar,
aside {
    background-color: var(--bbg-black) !important;
}

.widget,
.wp-block-widget-group {
    background-color: var(--bbg-black2) !important;
    border: 1px solid var(--bbg-black4) !important;
    padding: 16px;
}

.widget-title,
.widgettitle {
    color: var(--bbg-pink) !important;
    border-bottom: 1px solid var(--bbg-black4) !important;
    padding-bottom: 8px;
}

/* ============================================================
   FORME & INPUTI
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
    background-color: var(--bbg-black3) !important;
    border: 1px solid var(--bbg-black4) !important;
    color: var(--bbg-white) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--bbg-pink) !important;
    outline: none !important;
}

/* Search bar */
.search-form input[type="search"] {
    background-color: var(--bbg-black3) !important;
    color: var(--bbg-white) !important;
}

/* ============================================================
   GUMBI
   ============================================================ */
.button,
button,
input[type="submit"],
.wp-block-button__link {
    background-color: var(--bbg-pink) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--bbg-pink-dark) !important;
    color: #fff !important;
}

/* ============================================================
   PAGINACIJA
   ============================================================ */
.pagination a,
.nav-links a,
.page-numbers {
    background-color: var(--bbg-black3) !important;
    color: var(--bbg-white) !important;
    border: 1px solid var(--bbg-black4) !important;
}
.pagination .current,
.page-numbers.current {
    background-color: var(--bbg-pink) !important;
    color: #fff !important;
    border-color: var(--bbg-pink) !important;
}
.pagination a:hover,
.nav-links a:hover {
    background-color: var(--bbg-pink-dark) !important;
    color: #fff !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,
#colophon,
.footer-widgets-container {
    background-color: var(--bbg-black2) !important;
    border-top: 2px solid var(--bbg-pink-dark) !important;
    color: var(--bbg-grey) !important;
}

.site-footer a,
#colophon a {
    color: var(--bbg-grey) !important;
}
.site-footer a:hover,
#colophon a:hover {
    color: var(--bbg-pink) !important;
}

.site-footer p,
.site-info {
    color: var(--bbg-grey) !important;
}

/* ============================================================
   KATEGORIJE & TAGOVI stranice
   ============================================================ */
.term-description,
.taxonomy-description {
    color: var(--bbg-grey) !important;
}

/* ============================================================
   MODEL STRANICA – A-Z grid cards
   ============================================================ */
.scm-wrap .scm-letter {
    color: var(--bbg-pink) !important;
    border-bottom-color: var(--bbg-black4) !important;
}

.scm-az-btn {
    background: var(--bbg-black3) !important;
    color: var(--bbg-white) !important;
    border: 1px solid var(--bbg-black4) !important;
}
.scm-az-btn:hover {
    background: var(--bbg-pink) !important;
    color: #fff !important;
    border-color: var(--bbg-pink) !important;
}

.scm-search {
    background: var(--bbg-black3) !important;
    border-color: var(--bbg-black4) !important;
    color: var(--bbg-white) !important;
}
.scm-search:focus {
    border-color: var(--bbg-pink) !important;
}

/* ============================================================
   MY CUSTOM BOX (html_kod blok u postovima)
   ============================================================ */
.my-custom-box {
    background-color: var(--bbg-black2) !important;
    border: 1px solid var(--bbg-black4) !important;
    padding: 16px !important;
    border-radius: 6px !important;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
.kadence-breadcrumbs,
.breadcrumb {
    color: var(--bbg-grey) !important;
}
.kadence-breadcrumbs a,
.breadcrumb a {
    color: var(--bbg-grey) !important;
}
.kadence-breadcrumbs a:hover {
    color: var(--bbg-pink) !important;
}

/* ============================================================
   SCROLLBAR (WebKit)
   ============================================================ */
::-webkit-scrollbar {
    width: 8px;
    background: var(--bbg-black2);
}
::-webkit-scrollbar-thumb {
    background: var(--bbg-pink-dark);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--bbg-pink);
}

/* ============================================================
   SELECTION
   ============================================================ */
::selection {
    background: var(--bbg-pink);
    color: #fff;
}

/* ============================================================
   ROZO ACCENT NA HOVER ZA SLIKE
   ============================================================ */
.scg-model-card-item:hover {
    box-shadow: 0 0 12px rgba(214, 51, 132, 0.4) !important;
}

.scm-card:hover {
    box-shadow: 0 4px 20px rgba(214, 51, 132, 0.35) !important;
}