/* Generic 
-------------------------------*/

/* ✅ Updated to use Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Poppins', sans-serif /*{body-font}*/;
	font-size: 14px /*{body-text-size}*/;
	color: #333 /*{body-text-colour}*/;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a {
	color: #252B34 /*{headings-and-links-colour}*/;
}
h1,
.h1 {
	font-family: 'Poppins', sans-serif /*{heading-font}*/;
	font-size: 40px /*{heading-1}*/;
}
h2,
.h2 {
	font-family: 'Poppins', sans-serif /*{heading-font}*/;
	font-size: 28px /*{heading-2}*/;
}
h3,
.h3 {
	font-family: 'Poppins', sans-serif /*{heading-font}*/;
	font-size: 18px /*{heading-3}*/;
}
h4,
.h4 {
	font-family: 'Poppins', sans-serif /*{heading-font}*/;
	font-size: 18px /*{heading-4}*/;
}
h5,
.h5 {
	font-family: 'Poppins', sans-serif /*{heading-font}*/;
	font-size: 16px /*{heading-5}*/;
}


/* Header 
-------------------------------*/

header .wrapper-header {
  background-color: rgba(0, 0, 0, 0.75); /* always active look */
  transition: background-color 0.3s ease;
}

/* Optional: still keep menu-open override just in case */
body.menu-open header {
  background-color: rgba(0, 0, 0, 0.75);
}
#header-cart .cart-toggle {
    color: #333 /*{header-cart-icon}*/;
}
.menu-toggle button#menu-mob-icon span {
	background-color: #fff /*{header-menu-icon}*/;
}
#header-cart .cart-toggle .itm-cnt {
    background-color: #BE6565 /*{header-cart-count-background}*/;
    color: #fff /*{header-cart-count-text}*/;
}
.mega-menu ul.top-menu ul li a {
	color: #252B34 /*{header-menu-links}*/;
}

/* Homepage 
-------------------------------*/

#homepageCarousel .carousel-item .carousel-caption h3 {
	color: rgba(255, 255, 255, 0.75); /*{carousel-text-colour}*/;
}
.gridban-box-text span {
	color: #E3A56C /*{advert-grid-text-colour}*/;
}

.thumbnail {
	background-color: #f8f9fa /*{thumbnail-background-colour}*/;
}


/* Footer 
-------------------------------*/

.wrapper-footer {
	 background-color: rgba(0, 0, 0, 0.75);  /*{footer-background}*/;
}
.wrapper-footer .newsletter-head h3 {
	color: #ffffff /*{footer-heading}*/;
}
.wrapper-footer a,
.wrapper-footer a:hover {
	color: #ffffff /*{footer-text}*/;
}


/* Buttons 
-------------------------------*/

/* Default/Secondary button */
.btn-default, 
.btn.btn-outline-secondary {
	color: #252b34 /*{default-button-text}*/;
	background-color: #ffffff /*{default-button-background}*/;
	border-color: #252b34 /*{default-button-border}*/;
}
.btn-default:hover, .btn-default:disabled, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle,
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:disabled, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-secondary.dropdown-toggle {
	color: #fff /*{default-button-hover-text}*/;
	background-color: #252b34 /*{default-button-hover-background}*/;
	border-color: #252b34 /*{default-button-hover-border}*/;
}

/* Primary button */
.btn-primary {
	color: #fff /*{primary-button-text}*/;
	background-color: #6e6c6d /*{primary-button-background}*/;
}
.btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff /*{primary-button-hover-text}*/;
	background-color: #00000 /*{primary-button-hover-background}*/;
}

/* Success button */
.btn-success,
.page-item.active .page-link {
	color: #fff /*{success-button-text}*/;
	background-color: #252B34 /*{success-button-background}*/;
}
.btn-success:hover, .btn-success.disabled, .btn-success:disabled, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle,
.page-item.active .page-link:hover {
	color: #fff /*{success-button-hover-text}*/;
	background-color: #434B57 /*{success-button-hover-background}*/;
}

/* Danger button */
.btn-danger {
	color: #fff /*{danger-button-text}*/;
	background-color: #DE5576 /*{danger-button-background}*/;
}
.btn-danger:hover, .btn-danger.disabled, .btn-danger:disabled, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #fff /*{danger-button-hover-text}*/;
	background-color: #EC6E8C /*{danger-button-hover-background}*/;
}

/* Warning button */
.btn-warning {
	color: #fff /*{warning-button-text}*/;
	background-color: #e1a471 /*{warning-button-background}*/;
}
.btn-warning:hover, .btn-warning.disabled, .btn-warning:disabled, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #fff /*{warning-button-hover-text}*/;
	background-color: #D49A65 /*{warning-button-hover-background}*/;
}

/* Info button */
.btn-info {
	color: #fff /*{info-button-text}*/;
	background-color: #98BE7A /*{info-button-background}*/;
}
.btn-info:hover, .btn-info.disabled, .btn-info:disabled, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #fff /*{info-button-hover-text}*/;
	background-color: #81A367 /*{info-button-hover-background}*/;
}


/* Badges */
.badge-secondary {
	background-color: #ebebeb /*{default-button-background}*/;
	color: #212529 /*{default-button-text}*/;
}
.badge-primary {
	background-color: #be6565 /*{primary-button-background}*/;
	color: #ffffff /*{primary-button-text}*/;
}
.badge-success {
	background-color: #98be7a /*{success-button-background}*/;
	color: #ffffff /*{success-button-text}*/;
}
.badge-info {
	background-color: #252b34 /*{info-button-background}*/;
	color: #ffffff /*{info-button-text}*/;
}
.badge-warning {
	background-color: #e1a471 /*{warning-button-background}*/;
	color: #ffffff /*{warning-button-text}*/;
}
.badge-danger {
	background-color: #de5575 /*{danger-button-background}*/;
	color: #ffffff /*{danger-button-text}*/;
}

.glow-text {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
}

.glow-text-mobileview {
  color: #393a3a;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Poppins', sans-serif;
}


.bg-image {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  overflow: hidden;
}

.bg-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/webshop/cms/19/119.jpg') center/cover no-repeat;
  opacity: 0.5;
  z-index: 0;
}

.bg-image h2 {
  position: relative;
  z-index: 1;
  font-family: 'Poppins', sans-serif;
}
/* Default arc logo size and scaling */
.arc-logo-img {
  height: 40px;
  width: auto;
  transition: height 0.3s ease;
}

/* Reduce logo size on tablets */
@media (max-width: 992px) {
  .arc-logo-img {
    height: 32px;
  }
}

/* Reduce more on small screens */
@media (max-width: 768px) {
  .arc-logo-img {
    height: 25px;
  }
}

/* Hide the inline arc logo on mobile (it reappears below main logo) */
@media (max-width: 576px) {
  .arc-logo {
    display: none !important;
  }
}