/*
 Theme Name:   StaicutART Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Gina Crainic
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


html,
body {
  overflow-x: visible; /* clip ascunde depășirea fără să blocheze sticky Safari */
}

/* Culoarea implicită pentru header*/
#brx-header {
  --header-color: #000;
}

/* Alb peste hero dark, până începe scrollul */
body:has(.staicut-hero[data-header-theme="dark"])
#brx-header:not(.scrolling) {
  --header-color: #fff;
}

/* Logo SVG */
#brx-header .fr-header-alpha__logo {
  color: var(--header-color);
  transition: color 250ms ease;
}

/* Linkurile vizibile din header, fără cele din off-canvas */
#brx-header .fr-header-alpha__inner a:not(.nestable-nav__link) {
  color: var(--header-color);
  transition: color 250ms ease;
}

/* Limba activă rămâne roșie */
#brx-header .brxe-polylang-language-switcher .current-lang > a {
  color: var(--primary);
}

/* Hamburgerul Open — selector independent de ID și limbă */
#brx-header .brxe-nav-nested > button.brxe-toggle {
  color: var(--header-color);
}

#brx-header .brxe-nav-nested > button.brxe-toggle .brxa-inner,
#brx-header .brxe-nav-nested > button.brxe-toggle .brxa-inner::before,
#brx-header .brxe-nav-nested > button.brxe-toggle .brxa-inner::after {
  background-color: currentColor;
  transition: background-color 250ms ease;
}

/* Titlul hero */
body:has(.staicut-hero[data-header-theme="dark"])
.staicut-hero-pages__headings {
  color: #fff;
}
.btn--secondary {
  box-shadow: 3px 5px 0 #e10600;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
/* BEGIN: Clickable parent */
.clickable-parent:not(a) {
  position: static;
}
.clickable-parent:not(a) a {
  position: static;
}
.clickable-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
button.clickable-parent, a.clickable-parent {
  position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
.bricks-area a.clickable-parent::after, .bricks-area .clickable-parent > a::after {
  content: "";
  position: relative;
}
/* END: Clickable parent */

/* ==================================================
   ARTWORK FLAGS – STRUCTURĂ COMUNĂ
================================================== */

.artwork-media,
.artwork-media--gallery,
.artwork-media .wygv__stage {
  position: relative;
  overflow: visible;
}


/* Container Sale / New In */

.artwork-flags {
  position: absolute;
  top: var(--art-flag-top, 18px);
  left: var(--art-flag-left, -10px);
  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;

  width: max-content;
  pointer-events: none;
}


/* Aspect comun */

.artwork-flag {
  display: inline-flex;
  align-items: center;

  font-size: clamp(0.68rem, 1.1vw, 0.78rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;

  padding: 0.55em 1em;
  border: 1px solid transparent;
  border-radius: 999px;

  pointer-events: none;
}


/* Tipurile de badge */

.artwork-flag--sale {
  color: var(--white);
  background: var(--primary);
}

.artwork-flag--new {
  color: var(--primary);
  background: var(--white);
  border-color: var(--primary);
}


/* Private Collection – aspect comun */

.artwork-flag--private {
  position: absolute;
  right: var(--art-private-right, 18px);
  bottom: var(--art-private-bottom, 20px);
  z-index: 5;

  display: grid;
  place-items: center;

  width: var(--art-private-size, 8em);
  height: var(--art-private-size, 8em);
  padding: 0.4rem;

  color: var(--white);
  background: var(--primary);
  border-radius: 50%;

  font-size: var(--art-private-font-size, .8rem);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: normal;

  pointer-events: none;
}

/* Badge-uri în shortcode-ul Woo din Gutenberg */

.artwork-media--shortcode {
  --s-art-flag-top: 10px;
  --s-art-flag-left: -10px;

  --s-art-private-size: 7em;
  --s-art-private-right: -10px;
  --s-art-private-bottom: -10px;
  --s-art-private-font-size: 0.65rem;

  position: relative;
  display: block;
  width: fit-content;
  max-width: 100%;
  align-self: end;
  justify-self: start;
}

/* New și Sale din shortcode */

.artwork-media--shortcode > .artwork__badges {
  top: var(--s-art-flag-top, 10px);
  left: var(--s-art-flag-left, -10px);
}

/* Private Collection din shortcode */

.artwork-media--shortcode > .artwork-flag--private {
  right: var(--s-art-private-right, -10px);
  bottom: var(--s-art-private-bottom, -10px);

  width: var(--s-art-private-size, 7em);
  height: var(--s-art-private-size, 7em);
  font-size: var(--s-art-private-font-size, 0.65rem);
}

.artwork-media--shortcode img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
  object-position: left bottom;
}



.ia-selection .ia-link > .artwork__media.artwork-media--shortcode {
  position: relative;
}

.ia-selection
.artwork-media--shortcode
> .artwork__badges {
  position: absolute;
  top: var(--s-art-flag-top, 10px);
  left: var(--s-art-flag-left, -10px);
  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;

  width: max-content;
  pointer-events: none;
}

.ia-selection
.artwork-media--shortcode
> .artwork-flag--private {
  position: absolute;
  right: var(--s-art-private-right, -10px);
  bottom: var(--s-art-private-bottom, -10px);
  z-index: 5;

  width: var(--s-art-private-size, 6em);
  height: var(--s-art-private-size, 6em);
  font-size: var(--s-art-private-font-size, 0.65rem);
}
@media (max-width: 767px) {
  .ia-selection {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 1rem;
  }

  .ia-item,
  .ia-link {
    min-width: 0;
  }

  .artwork-media--shortcode {
    max-width: 100%;
  }

  .artwork-media--shortcode img {
    max-width: 100%;
    height: auto;
  }
}

/**===========================================================================**/
/**         Change colors for cookie banner                                   **/
/**===========================================================================**/
.cky-btn-reject, .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences {
    border: 2px solid #FF0000!important;
}

.cky-btn-reject, .cky-btn-accept, .cky-btn-preferences, .cky-btn-revisit-wrapper {
      background-color: #FF0000!important;
}
.cky-btn-customize {
    color: #FF0000!important;
}