/**
* Theme Name: Bokifa Child
* Description: This is a child theme of Bokifa, generated by Merlin WP.
* Author: <a href="http://themelexus.com/">Themelexus</a>
* Template: bokifa
* Version: 1.0.32
*/

/* -------------------------------------------------------------------------
 * Header announcement bar (Elementor container 5c3491a, HFE template #48)
 * Specificity is raised with a `body` prefix plus a matching class count so
 * these rules beat Elementor's generated post-48.css regardless of load order.
 * ---------------------------------------------------------------------- */

body .elementor-48 .elementor-element.elementor-element-5c3491a.e-con,
body .elementor-48 .elementor-element.elementor-element-5c3491a.e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #bf88b4;
}

/* Carousel text */
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-text-carousel-text,
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-text-carousel-text a {
	color: #fff;
}

/* Prev/next arrows: white glyph on a transparent background */
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-prev,
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-next,
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-prev:hover,
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-next:hover {
	background-color: transparent;
	color: #fff;
}

body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-prev svg,
body .elementor-48 .elementor-element.elementor-element-3416b1b .elementor-swiper-button.elementor-swiper-button-next svg {
	fill: #fff;
}

/* -------------------------------------------------------------------------
 * Header wishlist + cart count badges.
 * Parent theme sets these to #EE440E in bokifa/style.css (lines 1692, 1714).
 * ---------------------------------------------------------------------- */

body .header-group-action .site-header-wishlist .count,
body .header-group-action .site-header-cart .count {
	background-color: #bf88b4;
}

/* -------------------------------------------------------------------------
 * Checkout: "Plasează comanda" button.
 * The parent theme leaves the block checkout's place-order button unstyled
 * apart from `border: 0; font-weight: 600; width: 50%` (bokifa woocommerce.css
 * ~line 8920), so it does not match the site's buttons. These rules mirror the
 * cart "Finalizează comanda" button (same file, ~line 8417), which is the
 * theme's standard block-button style.
 * ---------------------------------------------------------------------- */

body .wc-block-components-sidebar-layout .wc-block-components-main button.wc-block-components-checkout-place-order-button {
	font-family: var(--e-global-typography-accent-font-family);
	text-transform: var(--e-global-typography-accent-text-transform);
	font-style: var(--e-global-typography-accent-font-style);
	text-decoration: var(--e-global-typography-accent-text-decoration);
	line-height: var(--e-global-typography-accent-line-height);
	letter-spacing: var(--e-global-typography-accent-letter-spacing);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	color: #fff;
	background-color: var(--e-global-color-primary);
	border: 1px solid transparent;
	border-radius: 25px;
	padding: 15px 30px;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.5s ease;
}

body .wc-block-components-sidebar-layout .wc-block-components-main button.wc-block-components-checkout-place-order-button:hover,
body .wc-block-components-sidebar-layout .wc-block-components-main button.wc-block-components-checkout-place-order-button:focus {
	color: #fff;
	background-color: var(--e-global-color-secondary);
	border-color: var(--e-global-color-secondary);
}

/* -------------------------------------------------------------------------
 * Main nav dropdowns: wider panels.
 * Parent theme sets `min-width: 240px` in bokifa/style.css (line 2556); the
 * `body` prefix raises specificity so this wins regardless of load order.
 * Box-sizing is border-box globally, so the 32px side padding is included.
 * ---------------------------------------------------------------------- */

body .main-navigation .sub-menu {
	min-width: 300px;
}

/* Top-level nav links: keep labels as typed in the menu editor.
 * Parent theme forces `text-transform: capitalize` in bokifa/style.css (line 2489). */
body .main-navigation ul.menu > li.menu-item > a {
	text-transform: none;
}

/* -------------------------------------------------------------------------
 * Search-by-category dropdown: let the list size itself to its content.
 * Parent theme pins it to `width: 230px` in bokifa/style.css (line 8190),
 * which truncates the longer category names. `.list-wrapper` is absolutely
 * positioned with no width of its own, so `auto` shrink-wraps to the widest
 * item. The `body` prefix raises specificity above the parent's (0,3,0).
 * ---------------------------------------------------------------------- */

body .search-by-category .list-wrapper .bokifa-scroll-content {
	width: auto;
}

/* -------------------------------------------------------------------------
 * WooCommerce notices.
 *
 * The parent theme keeps the old Storefront look: flat, fully saturated bars
 * (#0f834d / #3d9cd2 / #e2401c) with white text, a 2px radius and a thick dark
 * left border — see bokifa/assets/css/woocommerce/woocommerce.css lines
 * 844-968. None of those colours belong to this site, and the bars clash with
 * the cream/burgundy palette and the 10px+ radii used everywhere else.
 *
 * These rules restyle them as light tinted cards with a coloured hairline
 * border, an inline SVG icon and dark readable text — the same shape
 * WooCommerce's own block notices already use on the cart and checkout, so the
 * two notice systems finally look like one. The block notices are recoloured
 * to match at the bottom of this section.
 *
 * Info is deliberately mauve rather than the usual blue: the site has no cold
 * blue anywhere, and mauve is already the header/badge accent.
 *
 * `body` prefixes (and the duplicated `.hentry` variants for `strong`) raise
 * specificity past the parent's rules so this works regardless of load order.
 * ---------------------------------------------------------------------- */

body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-noreviews,
body p.no-comments {
	margin: 0 0 24px;
	padding: 16px 20px 16px 52px;
	border: 1px solid;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: 18px 16px;
	background-size: 20px 20px;
	font-size: 15px;
	line-height: 1.55;
	list-style: none;
}

/* Fiecare <li> dintr-un ul.woocommerce-error cu mai multe erori */
body .woocommerce-error li + li {
	margin-top: 6px;
}

/* Succes */
body .woocommerce-message {
	background-color: #eff7f1;
	border-color: #bcdcc8;
	color: #1e5138;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.4 12.2 2.4 2.4 4.8-5.2'/%3E%3C/svg%3E");
}

/* Informativ */
body .woocommerce-info,
body .woocommerce-noreviews,
body p.no-comments {
	background-color: #f7eff4;
	border-color: #e0c7d9;
	color: #5b3453;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E5A82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11.2v4.6'/%3E%3Cpath d='M12 8.1h.01'/%3E%3C/svg%3E");
}

/* Eroare */
body .woocommerce-error {
	background-color: #fcefec;
	border-color: #f0cac3;
	color: #7c1a13;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5'/%3E%3Cpath d='M12 15.9h.01'/%3E%3C/svg%3E");
}

/* Parent forces every link, strong and nested text to #fff (lines 836-841,
   878-891, 933-938) — that is invisible on the light backgrounds above. */
body .hentry .woocommerce-message strong,
body .hentry .woocommerce-info strong,
body .hentry .woocommerce-error strong,
body .hentry .woocommerce-noreviews strong,
body .woocommerce-message strong,
body .woocommerce-info strong,
body .woocommerce-error strong,
body .woocommerce-noreviews strong,
body p.no-comments strong {
	color: inherit;
	font-weight: 700;
}

body .woocommerce-message a,
body .woocommerce-info a,
body .woocommerce-error a,
body .woocommerce-noreviews a,
body p.no-comments a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body .woocommerce-message a:hover,
body .woocommerce-info a:hover,
body .woocommerce-error a:hover,
body .woocommerce-noreviews a:hover,
body p.no-comments a:hover {
	color: inherit;
	opacity: 0.75;
}

body .woocommerce-message pre,
body .woocommerce-info pre,
body .woocommerce-error pre,
body .woocommerce-noreviews pre {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Butonul din notice ("Vezi coșul", "Continuă cumpărăturile"): parent turns it
   into a bare white text link with a divider (lines 900-931). Make it a real
   pill button, like the rest of the site. */
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button,
body .woocommerce-noreviews .button {
	float: right;
	margin: -3px 0 0 18px;
	padding: 8px 20px;
	border: 0;
	border-left: 0 !important;
	border-radius: 25px;
	background: #620835;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.3s ease;
}

body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-error .button:hover,
body .woocommerce-noreviews .button:hover {
	background: #8e1b52;
	color: #fff;
	opacity: 1;
}

body .woocommerce-message a.button:hover,
body .woocommerce-info a.button:hover,
body .woocommerce-error a.button:hover {
	color: #fff;
}

/* Block notices (cart + checkout): keep WooCommerce's layout, swap its default
   palette and 4px radius for this site's. Defaults live in
   woocommerce/assets/client/blocks/cart.css. */
body .wc-block-components-notice-banner {
	border-radius: 10px;
}

body .wc-block-components-notice-banner.is-success {
	background-color: #eff7f1;
	border-color: #bcdcc8;
}

body .wc-block-components-notice-banner.is-info {
	background-color: #f7eff4;
	border-color: #e0c7d9;
}

body .wc-block-components-notice-banner.is-error {
	background-color: #fcefec;
	border-color: #f0cac3;
}

body .wc-block-components-notice-banner.is-warning {
	background-color: #fdf5e7;
	border-color: #eed9ae;
}

body .wc-block-components-notice-banner.is-success > svg {
	background-color: #2e7d53;
}

body .wc-block-components-notice-banner.is-info > svg {
	background-color: #8e5a82;
}

body .wc-block-components-notice-banner.is-error > svg {
	background-color: #b3261e;
}

body .wc-block-components-notice-banner.is-warning > svg {
	background-color: #a96b00;
}

/* -------------------------------------------------------------------------
 * Footer: linkul "Setări cookie-uri".
 *
 * Vine din shortcode-ul [cookies_revoke] al pluginului Cookie Notice, adăugat
 * ca widget (cnrevk1) în coloana "Companie" din Footer 1 (template 50). Linkul
 * are nevoie de clasa .cn-revoke-cookie ca să fie prins de JS-ul pluginului,
 * deci nu putea fi un simplu element din icon-list-ul de deasupra.
 *
 * Pluginul îi dă doar `margin: 0` (cookie-notice/css/front.css), așa că apărea
 * cu stilul implicit al temei — mai închis și mai gros decât linkurile din
 * listă. Valorile de mai jos sunt exact cele generate de Elementor pentru
 * icon-list-ul c476c6c din același footer.
 * ---------------------------------------------------------------------- */

body .elementor-50 .elementor-element-cnrevk1 {
	margin: 0;
}

body .elementor-50 .elementor-element-cnrevk1 .cn-revoke-cookie {
	display: inline-block;
	font-family: "Manrope", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: var(--e-global-color-text);
	text-decoration: none;
	transition: color 0.3s;
}

body .elementor-50 .elementor-element-cnrevk1 .cn-revoke-cookie:hover {
	color: var(--e-global-color-primary);
}

/* ----------------------------------------------------------------------
 * Header: „Despre noi” și „Contact” sunt afișate în coloana din dreapta
 * (meniul „Header dreapta”), deci le ascundem din meniul principal pe desktop.
 * Rămân în meniul mobil (handheld), care folosește același meniu principal.
 * ---------------------------------------------------------------------- */

.elementor-48 .elementor-element-2e51679 .menu-item-283,
.elementor-48 .elementor-element-2e51679 .menu-item-45 {
	display: none;
}

/* Illustrator archive: same sidebar styling as .tax-product_author (bokifa/assets/css/woocommerce/woocommerce.css) */
.tax-product_illustrator #secondary .widget_product_rankings {
  border: none;
  padding: 0;
  border-radius: 0;
}
.tax-product_illustrator #secondary .widget_product_rankings:last-child {
  border: none;
  padding: 0;
  border-radius: 0;
}
.tax-product_illustrator #secondary .widget-title {
  font-family: var(--e-global-typography-secondary-font-family);
  font-weight: var(--e-global-typography-secondary-font-weight);
  text-transform: var(--e-global-typography-secondary-text-transform);
  font-style: var(--e-global-typography-secondary-font-style);
  text-decoration: var(--e-global-typography-secondary-text-decoration);
  line-height: var(--e-global-typography-secondary-line-height);
  letter-spacing: var(--e-global-typography-secondary-letter-spacing);
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  pointer-events: none;
  margin-bottom: 28px;
}
.tax-product_illustrator #secondary .widget-title:after {
  display: none;
}

/* Materiale gratuite: lista de PDF-uri */
.sb-pdf-list {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.sb-pdf-list li {
  margin: 0 0 12px;
}
.sb-pdf-item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 20px;
  border: 1px solid #d5e6ec;
  border-radius: 6px;
  background: #f4f9fa;
  color: #1f3a45;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
}
.sb-pdf-item:hover {
  border-color: #620835;
  background: #fff;
}
.sb-pdf-icon {
  flex: 0 0 auto;
  width: 44px;
  height: 52px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 7px;
  border-radius: 4px 14px 4px 4px;
  background: #620835;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}
.sb-pdf-title {
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 17px;
}
.sb-pdf-meta {
  color: #4a6570;
  font-size: 14px;
  white-space: nowrap;
}
.sb-pdf-action {
  color: #620835;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 567px) {
  .sb-pdf-item { flex-wrap: wrap; gap: 6px 14px; }
  .sb-pdf-title { flex-basis: calc(100% - 60px); }
  .sb-pdf-meta { margin-left: 58px; }
}

/* Author/illustrator archive photo: keep a 200px circle whatever the source aspect ratio */
.bokifa_author_information .author_inner {
  align-items: center;
}
.bokifa_author_information .author_inner img {
  flex: 0 0 200px;
  object-fit: cover;
  object-position: center top;
}