/*
Theme Name: Prisma Child
Template: prisma
Description: Child tema za Prisma (my9luna.com)
Version: 1.0.0
Text Domain: prisma-child
*/

/* === MY9LUNA sidebar === */
/* Sidebar: svaki widget je zasebna bela kartica. Raspored (ispod teksta na manjim ekranima) ostaje prema podesavanju teme. */
body .sidebar.sidebar_default[class*=scheme_] {
  --ml-ink: #2a1b5c;
  --ml-accent: #7c4dcc;
  --ml-lilac: #efe9fb;
  --ml-lilac-dark: #5b34a8;
  --ml-muted: #84798b;
  --ml-line: #ece6f6;
  background: transparent;
}
body .sidebar.sidebar_default[class*=scheme_] .sidebar_inner {
  padding: 20px;
  background: transparent;
  color: var(--ml-muted);
}
body .sidebar.sidebar_default[class*=scheme_] .widget {
  box-sizing: border-box;
  margin: 0;
  padding: 22px 24px;
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(42, 27, 92, 0.08);
}
body .sidebar.sidebar_default[class*=scheme_] .widget + .widget {
  margin-top: 20px;
}
body .sidebar.sidebar_default[class*=scheme_] .widget .widget {
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* Naslov widgeta */
body .sidebar.sidebar_default[class*=scheme_] .widget_title {
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 14px;
  color: var(--ml-ink);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_title::before {
  content: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  border-radius: 3px;
  background: var(--ml-accent);
}

/* Pretraga: pill sa okruglim dugmetom desno */
body .sidebar.sidebar_default[class*=scheme_] .widget_search form.search-form {
  position: relative;
  display: block;
  width: 100%;
  overflow: visible;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search label {
  display: block;
  margin: 0;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search .search-field {
  height: 48px;
  margin: 0;
  padding: 0 58px 0 20px;
  padding-left: 20px !important; /* tema postavlja padding-left sa !important (mesto za ikonu levo) */
  border: 1px solid var(--ml-line);
  border-radius: 999px;
  color: var(--ml-ink);
  font-size: 15px;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search .search-field::placeholder {
  color: var(--ml-muted);
  opacity: 1;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search form.search-form::after {
  left: auto;
  right: 6px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  border-radius: 50%;
  background: var(--ml-lilac);
  color: var(--ml-lilac-dark);
  font-size: 15px;
  line-height: 36px;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search form.search-form:hover::after {
  background: #e2d7f7;
  color: var(--ml-lilac-dark);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_search input.search-submit {
  left: auto;
  right: 0;
  width: 54px;
}

/* Kategorije */
body .sidebar.sidebar_default[class*=scheme_] .widget_categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--ml-line);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li:last-child {
  border-bottom: 0;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li a {
  position: relative;
  display: block;
  padding: 12px 28px 12px 42px;
  color: var(--ml-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 8px;
  background: radial-gradient(circle at center, var(--ml-accent) 0, var(--ml-accent) 3px, transparent 3.5px), var(--ml-lilac);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li a::after {
  content: "\203A";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-54%);
  color: var(--ml-accent);
  font-size: 22px;
  line-height: 1;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_categories li a:hover {
  color: var(--ml-accent);
}

/* Najnoviji tekstovi: slicica 16:9 levo, naslov i datum desno */
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--ml-line);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_thumb {
  flex: 0 0 120px;
  width: 120px;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_categories {
  display: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_title {
  order: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_title a {
  display: -webkit-box;
  overflow: hidden;
  color: var(--ml-ink);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_title a:hover {
  color: var(--ml-accent);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_info {
  order: 2;
  margin: 6px 0 0;
  color: var(--ml-muted);
  font-size: 13px;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_recent_posts .post_item .post_info a {
  color: var(--ml-muted);
}

/* Teme (tagovi) */
body .sidebar.sidebar_default[class*=scheme_] .widget_tag_cloud a {
  margin: 0 6px 8px 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: var(--ml-lilac);
  color: var(--ml-lilac-dark);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_tag_cloud a:hover {
  background: var(--ml-accent);
  color: #fff !important; /* tema postavlja boju hovera sa !important */
}

/* Baner aplikacije (custom HTML widget) */
body .sidebar.sidebar_default[class*=scheme_] .widget_custom_html:has(.ml-app-cta) {
  overflow: hidden;
  padding: 0;
}
body .sidebar .ml-app-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  aspect-ratio: 5 / 6;
  padding: 5% 6% 0;
  border-radius: 20px;
  background: #f3dcef url("https://my9luna.com/wp-content/uploads/2026/10/Baner-za-skidanje-app-mobile-410x492.jpg") center / cover no-repeat;
  text-align: center;
}
body .sidebar .ml-app-cta .ml-app-cta__title {
  margin: 0 0 6px;
  color: #1a1a1a;
  font-size: clamp(18px, 5.4vw, 24px);
  line-height: 1.15;
}
body .sidebar .ml-app-cta .ml-app-cta__desc {
  margin: 0 0 12px;
  color: #2c2c2c;
  font-size: 14px;
  line-height: 1.35;
}
body .sidebar .ml-app-cta .ml-app-cta__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
body .sidebar .ml-app-cta .ml-app-cta__badges a {
  display: inline-block;
}
body .sidebar .ml-app-cta .ml-app-cta__badges img {
  display: block;
  width: auto;
  height: 40px;
}

@media (max-width: 767px) {
  body .sidebar.sidebar_default[class*=scheme_] .sidebar_inner {
    padding: 16px;
  }
  body .sidebar.sidebar_default[class*=scheme_] .widget {
    padding: 20px;
  }
}
/* === /MY9LUNA sidebar === */

/* === ADNEA FAQ širina === */
/* FAQ na stranicama "X. nedelja trudnoće": ista kolona (900 px) kao pasusi i slike. Važi samo unutar Elementor stranice koja ima .tpn-week-page__intro (bez obzira na kolonu), pa hub i trimestri ostaju kakvi jesu. */
.elementor:has(.tpn-week-page__intro) .tpn-faq {
  max-width: 900px;
}
/* === /ADNEA FAQ širina === */

/* === ADNEA poravnanje === */
/* Kartica navigacije izmedju nedelja: iste bocne ivice kao pasusi (kolona 860 px, na uskim ekranima 20 px razmaka sa obe strane). */
.elementor:has(.tpn-week-page__intro) .tpn-week-page__nav {
  width: calc(100% - 40px);
  max-width: 860px;
}
/* === /ADNEA poravnanje === */

/* === ADNEA širina sadržaja === */
/* Stranice "X. nedelja trudnoće", samo od 1024 px (sidebar pored teksta): kolona sadržaja 900 -> 1000 px (+100, centrirano, uvek najviše koliko staje u kolonu, pa razmak do sidebara ostaje >= oko 40 px). Ispod 1024 px ništa se ne menja. */
@media (min-width: 1024px) {
  .elementor:has(.tpn-week-page__intro) .tpn-week-page__intro,
  .elementor:has(.tpn-week-page__intro) .tpn-week-page__section,
  .elementor:has(.tpn-week-page__intro) .tpn-faq {
    max-width: 1000px;
  }
  .elementor:has(.tpn-week-page__intro) .tpn-week-page__nav {
    max-width: 960px;
  }
  /* slike u sadržaju imaju inline max-width:900px, pa je ovde !important neizbežan */
  .elementor:has(.tpn-week-page__intro) figure[style*="max-width:900px"] {
    max-width: 1000px !important;
  }
}
/* === /ADNEA širina sadržaja === */

/* === ADNEA sidebar trimestri === */
/* Meni (nav_menu widget) izgleda kao widget Kategorije; izvorni stil: blok "Kategorije" iznad */
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--ml-line);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li:last-child {
  border-bottom: 0;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li a {
  position: relative;
  display: block;
  padding: 12px 28px 12px 42px;
  color: var(--ml-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 8px;
  background: radial-gradient(circle at center, var(--ml-accent) 0, var(--ml-accent) 3px, transparent 3.5px), var(--ml-lilac);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li a::after {
  content: "\203A";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-54%);
  color: var(--ml-accent);
  font-size: 22px;
  line-height: 1;
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li a:hover,
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li.current-menu-item > a {
  color: var(--ml-accent);
}
body .sidebar.sidebar_default[class*=scheme_] .widget_nav_menu li.current-menu-item > a {
  font-weight: 700;
}
/* === /ADNEA sidebar trimestri === */