/*
 Theme Name:   Saloni Furniture
 Theme URI:    https://saloni.furntiure/
 Description:  Art of Furniture
 Author:       Theme Solutions
 Author URI:   https://theme.solutions/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*--------------------------------------
  Global Reset and Accessibility Fixes
----------------------------------------*/

html {
	scrollbar-gutter: stable;
}

*, *:focus, *:active,
a, a:focus, a:active {
  outline: none !important;
	 box-shadow: none !important;
}


ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*--------------------------------------
  Anchor Styles
----------------------------------------*/
a:hover {
  cursor: pointer !important;
}

img {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}

/*--------------------------------------
  Custom Components and Widgets
----------------------------------------*/
.tech-thumb {
	align-self: center !important;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	background-color: #f7f7f7;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	padding: var(--space-s);
	row-gap: var(--space-m);
	height: 100%;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

.tech-thumb:hover {
	background-color: var(--light);
	border-color: var(--primary);
}

/*--------------------------------------
  Popup Styles (Disable/Hide)
----------------------------------------*/
#brxe-dmxbps .df-popup-thumb {
  width: 100% !important;
  max-width: 300px;
  margin: 0 !important;
}

.df-popup-thumb .df-book-cover {
  box-shadow: none !important;
}

.df-book-title,
#trp_ald_modal_container,
.trp-editor-notices {
  display: none !important;
}

/*--------------------------------------
  Language Switcher Styling
----------------------------------------*/
.menu-item-object-language_switcher {
  color: var(--light-40);
}

.menu-item-object-language_switcher:hover {
  color: var(--light);
  transition: color 0.5s ease;
}

.current-language-menu-item {
  color: var(--light-60);
}

/*--------------------------------------
  Rainbow Text Animation
----------------------------------------*/
.text-rainbow {
  padding-right: 12px;
  background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet);
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbow-animation 5s linear infinite;
  text-align: center;
  text-transform: uppercase;
}

@keyframes rainbow-animation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/*--------------------------------------
  Fancybox Customization
----------------------------------------*/
.fancybox__content {
  background: white !important;
  width: 50vh !important;
  height: 50vh !important;
  border-radius: 3px;
}

.f-thumbs__slide__button {
  background-color: white !important;
}

/*--------------------------------------
  Rich Text Content Styling
----------------------------------------*/
.rich-text-content a {
  color: var(--dark);
  text-decoration: underline;
}

.rich-text-content a:hover {
  color: var(--primary);
}

.rich-text-content hr {
  margin: 3em 0 !important;
}

.rich-text-content h1 {
  margin-bottom: var(--space-l) !important;
}

.rich-text-content h3 {
  margin-bottom: var(--space-m) !important;
}

.rich-text-content h4 {
  margin-bottom: var(--space-s) !important;
}

.rich-text-content p,
.rich-text-content ul {
  margin-bottom: var(--space-l) !important;
}

.rich-text-content strong {
  font-weight: 600;
}

.rich-text-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--space-l);
}

.rich-text-content th, 
.rich-text-content td {
  border: 1px solid black;
  padding: 15px;
  text-align: left;
}

.rich-text-content th {
  background-color: #f2f2f2;
}

/*--------------------------------------
  Grayscale Hover Effects
----------------------------------------*/
img.gray-hover,
a.gray-hover {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.4s ease-in-out;
}

img.gray-hover:hover,
a.gray-hover:hover {
  filter: grayscale(0%);
}


#brx-header {
  z-index: 9999 !important;
}

/* 1024px ve altı için */
@media screen and (max-width: 1024px) {
  #brx-header {
    z-index: auto !important;
  }
}
#brx-header.x-header_sticky-active{  
	z-index: 9999 !important;
}


//mobil-menu
#brxe-phgguy {
	display: block !important;
	z-index: 11111 !important;
	position: absolute !important;
}
.x-offcanvas_inner {
	z-index: 11001 !important;
}

.tab-system{
	padding-top:var(--space-m);
	padding-bottom:var(--space-m);
}
.tab-system ul li img,
.tab-system ul li img {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: var(--dark-10);
  border-radius: 5px;
  object-fit: cover;
  display: block;
}

/* Filtre butonları */
[class$="-filters"] ul li a {
  font-weight: 500;
  display: flex;
  align-items: center;
	column-gap: var(--space-xs);
	font-size: var(--text-m);
}

[class$="-filters"] .text{
font-size: var(--text-m);
    font-weight: 500;
    color: var(--dark);
}
[class$="-filters"] ul li.active a {
  font-weight: 700;
  color: var(--dark);
}

[class$="-filters"] ul li.active a text{
  color: var(--primary);
}

[class$="-filters"] li a > span.icon > i {
  transform: rotate(90deg);
  transition: transform 0.4s ease-in-out;
}

[class$="-filters"] li.active > a > span.icon > i {
  transform: rotate(0deg);
}

/* Tablar */
[class$="-tabs"] ul {
  display: none;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

[class$="-tabs"] ul li{
	display: flex;
	flex-direction: column;
	row-gap: var(--space-xs);
}

[class$="-tabs"] ul.active {
  display: grid;
  max-height: 1000px;
  opacity: 1;
}

/* Partlar */
[class$="-parts"] {
  display: none;
	border-bottom: 1px solid rgb(236, 236, 236);
	padding-bottom: var(--space-m);
}

[class$="-parts"].active {
  display: block;
}

[class$="-parts"] ul {
  display: none;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

[class$="-parts"] ul.active {
  display: grid;
  max-height: 1000px;
  opacity: 1;
}

[class$="-parts"] ul li {
  display: none;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

[class$="-parts"] ul li.active {
  display: flex;
  max-height: 500px;
  opacity: 1;
  row-gap: var(--space-m);
} 
[class$="-parts"] ul li{
	flex-direction: column;
}
[class$="-parts"] ul li div:nth-child(1){
    font-size: var(--text-m);
    font-weight: 500;
} 
.tab-content { display: none; }
.tab-content.active { display: flex; flex-direction: column; row-gap: var(--space-m);
}
.tab-buttons{ display: flex; flex-direction: row; column-gap: var(--space-m); flex-wrap: wrap;
}
.tab-btn { cursor: pointer; padding: 8px 16px; display: flex; text-transform: uppercase; font-weight: 700;}
.tab-btn.active { background: #000; color: #fff; border-radius: 3px}


[class$="-tabs"] .title-wrapper { display: flex; flex-direction: row; column-gap: var(--space-xs); align-items: baseline;}
[class$="-tabs"] .title-wrapper H5{ font-size: var(--text-s); font-weight: 500;}

.tab-system .ginner-container{  width: fit-content !important;}




.standard-combination h3{
	font-size:var(--text-m);
	font-weight:500;
}

.gslide-inline {
	  width: auto !important;
	border-radius:5px !important;
}
.gslide-inline .ginlined-content {
  max-height: auto !important;
  overflow: hidden !important;
}

.ginner-container div {
  height: auto !important;
}
.gslide-media div {
  height: auto !important;
}

.gslide-inline .ginlined-content {
    padding: 15px !important
}

.brxe-avzlnl .brxe-bimdoa.brxe-image::before{
	z-index:1 !important;
}

.menu-thumbnail {
  display: block;
  text-decoration: none;
}

.menu-thumbnail__img {
  position: relative;
  overflow: hidden; 
}

.menu-thumbnail__img img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform .35s ease;
  will-change: transform;
}

.menu-thumbnail:hover .menu-thumbnail__img img {
  transform: scale(1.06);
}
.product-carousel-title{
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.25);
}

.glow-photo {
  background: #000;
  position: relative;
  overflow: hidden;
}

.glow-photo img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  filter: brightness(0);
  animation: fadeLight 3.5s ease-out forwards;
}

@keyframes fadeLight {
  0%   { filter: brightness(0); }
  70%  { filter: brightness(0.9); }
  100% { filter: brightness(1); }
}

.glow-photo::after {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(
      circle at center,
      rgba(255, 255, 215, 0.9) 0%,
      rgba(255, 235, 170, 0.6) 22%,
      rgba(255, 210, 120, 0.4) 45%,
      transparent 72%
    );

  mix-blend-mode: screen;

  opacity: 0;
  transform: scale(0.9);
  animation: glowStart 3.5s ease-out forwards;
}

@keyframes glowStart {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  60% {
    opacity: 0.4;
    transform: scale(0.95);
  }
  100% {
    opacity: 0.55;
    transform: scale(1);
  }
}

img.brxe-omrxsc.badges.bricks-lazy-hidden {
  max-width: 60px;
}