:root {
  --c-danger: #FF3939;
  --c-danger-dark: #D92828;
  --c-danger-light: #FF6565;
  
  --c-success: #7ECB38;
  --c-success-dark: #4CB029;
  --c-success-light: #A5D74C;
  
  --c-bg: #e8f9ff;
  --c-sidebar: #d3f3ff;
  --c-sidebar-dark: #beeeff;
  --c-sidebar-dark-hover: #adeaff;
  --c-sidebar-rgb: 211, 243, 255;
  
  --c-block: #fff;
  --c-block-border: #d3f3ff;
  
  --c-block-dark: #e8f9ff;
  --c-block-dark-border: #d3f3ff;
  
  --c-block-inner: #e8f9ff;
  --c-block-inner-hover: #d3f3ff;
  
  --c-text: #778f95;
  --c-text-highlighted: #24363a;
  --c-text-light: #24363a;
  
/* DEMO COLOR SETTINGS
  --c-primary: #05beff;
  --c-primary-dark: #059fff;
  --c-primary-light: #05d8ff;
  
  --c-secondary: #ffb736;
  --c-secondary-dark: #ff9e36;
  --c-secondary-light: #ffc136};
  
 DEMO COLOR SETTINGS */


}

.button{
    color: #fff;
}
.button-primary{
    color: #fff;
}
.button-secondary{
    color: #fff;
}
.button-secondary:hover{
    color: #fff;
}
.button-primary:hover{
    color: #fff;
}
.copy-button:hover{
    background-color: var(--c-sidebar-dark);
}

.navbar-content{
    background-color: var(--c-sidebar);
    color: var(--c-text-highlighted);
}

.navbar-content:hover{
    background-color: var(--c-sidebar-dark);
}
.navbar-submenu li a {
    color: var(--c-text);
}
.navbar-submenu li a:hover {
    background-color: var(--c-sidebar-dark-hover);
}
.navbar-square{
    background-color: var(--c-sidebar-dark);
    color: var(--c-text-highlighted);
}

.currency-dropdown {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.03);
}

.store-greeting{
    color: var(--c-text-highlighted);
    opacity: 0.6;
}
.creator-code-add {
    color: #fff;
}

.creator-code-add:hover {
    color: #fff;
}
.button-inner{
    color: var(--c-text);
}
.home-category-title {
    color: var(--c-text-highlighted) !important;
}
.info-text {
    color: var(--c-success-dark);
}
.progress-container {
    background: var(--c-sidebar-dark-hover);
}
.logout-button:hover{
    color: #fff;
}
.basket .basket-item{
    background-color: var(--c-sidebar-dark-hover);
}
.basket-quantity{
    background-color: var(--c-sidebar);
}
.basket-quantity:focus{
    background-color: var(--c-bg);
}

.home-grid-item:hover{
    background-color: var(--c-block-border);
}
.announcement-overlay{
    background: none;
}
.currency-button:hover{
    background-color: var(--c-sidebar);
}
.giftcard-field:focus{
    background-color: var(--c-sidebar);
}
.package-tag{
    color: var(--c-text);
}


/* === Perfect 1920x700 Banner Scaling === */
.announcement-banner {
    width: 100%;
    aspect-ratio: 1920 / 700;   /* auto-calc height to match your image */
    max-height: 450px;          /* optional limit so it never gets too tall */
    overflow: hidden;
    border-radius: 20px !important;
}

/* Hide text */
.banner-title,
.banner-text,
.banner-button {
    display: none !important;
}

/* Remove inner padding */
.announcement-content {
    padding: 0 !important;
}


.goal-grid {
    display: none !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}