/* ========================================
   TEMA OUTUBRO ROSA - Conscientização e Apoio
   ======================================== */

body.template-outubro-rosa {
    background: 
        radial-gradient(circle at 20% 30%, rgba(255, 182, 217, 0.15), transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(255, 105, 180, 0.1), transparent 40%),
        linear-gradient(160deg, #fff0f7, #ffe6f0 55%, #ffd4e5);
    color: #4a1942;
    position: relative;
}

/* Corações e laços flutuantes */
body.template-outubro-rosa::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: 
        radial-gradient(circle at 15% 20%, rgba(255, 105, 180, 0.3) 0%, transparent 2%),
        radial-gradient(circle at 85% 15%, rgba(255, 182, 217, 0.3) 0%, transparent 2.5%),
        radial-gradient(circle at 45% 30%, rgba(255, 105, 180, 0.25) 0%, transparent 2%),
        radial-gradient(circle at 75% 45%, rgba(255, 182, 217, 0.3) 0%, transparent 2.5%),
        radial-gradient(circle at 25% 60%, rgba(255, 105, 180, 0.3) 0%, transparent 2%);
    z-index: 0;
    animation: softPulse 4s ease-in-out infinite;
}

@keyframes softPulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Corações caindo */
body.template-outubro-rosa::after {
    content: "💗";
    position: fixed;
    top: -30px;
    left: 10%;
    font-size: 20px;
    pointer-events: none;
    animation: heartFall1 14s linear infinite;
    z-index: 1;
    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.5));
}

@keyframes heartFall1 {
    0% {
        transform: translateY(-50px) translateX(0) rotate(0deg);
        opacity: 0;
    }
    5% {
        opacity: 0.8;
    }
    95% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(90vh) translateX(30px) rotate(360deg);
        opacity: 0;
    }
}

.template-outubro-rosa .navbar::after {
    content: "💗";
    position: fixed;
    top: -30px;
    left: 35%;
    font-size: 24px;
    pointer-events: none;
    animation: heartFall2 16s linear infinite 4s;
    z-index: 1;
    filter: drop-shadow(0 0 8px rgba(255, 105, 180, 0.6));
}

@keyframes heartFall2 {
    0% {
        transform: translateY(-50px) translateX(0) rotate(0deg);
        opacity: 0;
    }
    5% {
        opacity: 0.8;
    }
    95% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(90vh) translateX(-40px) rotate(-360deg);
        opacity: 0;
    }
}

.template-outubro-rosa .container::before {
    content: "💗";
    position: fixed;
    top: -30px;
    left: 60%;
    font-size: 22px;
    pointer-events: none;
    animation: heartFall3 15s linear infinite 8s;
    z-index: 1;
    filter: drop-shadow(0 0 7px rgba(255, 105, 180, 0.5));
}

@keyframes heartFall3 {
    0% {
        transform: translateY(-50px) translateX(0) rotate(0deg);
        opacity: 0;
    }
    5% {
        opacity: 0.8;
    }
    95% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(90vh) translateX(35px) rotate(360deg);
        opacity: 0;
    }
}

.template-outubro-rosa .container::after {
    content: "💗";
    position: fixed;
    top: -30px;
    left: 85%;
    font-size: 18px;
    pointer-events: none;
    animation: heartFall4 13s linear infinite 2s;
    z-index: 1;
    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.5));
}

@keyframes heartFall4 {
    0% {
        transform: translateY(-50px) translateX(0) rotate(0deg);
        opacity: 0;
    }
    5% {
        opacity: 0.8;
    }
    95% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(90vh) translateX(-25px) rotate(-360deg);
        opacity: 0;
    }
}

/* Laço rosa no topo da logo */
.template-outubro-rosa .navbar-brand {
    position: relative;
    padding-top: 20px !important;
}

.template-outubro-rosa .navbar-brand::before {
    content: "🎀";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    z-index: 10;
    animation: ribbonBounce 2.5s ease-in-out infinite;
    filter: drop-shadow(0 3px 6px rgba(255, 105, 180, 0.4));
}

@keyframes ribbonBounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* Navbar */
.template-outubro-rosa .navbar {
    background: linear-gradient(120deg, rgba(255, 105, 180, 0.92), rgba(255, 182, 217, 0.92));
    backdrop-filter: blur(12px);
    border-bottom: 2px solid rgba(255, 105, 180, 0.5);
    box-shadow: 0 4px 20px rgba(255, 105, 180, 0.3);
}

.template-outubro-rosa .navbar .nav-link,
.template-outubro-rosa .navbar .badge,
.template-outubro-rosa .navbar-brand,
.template-outubro-rosa .navbar .text-muted {
    color: #ffffff !important;
    font-weight: 500;
}

/* Ícone ">" ao lado das estrelas de avaliação - branco semitransparente */
.template-outubro-rosa .navbar .fa-chevron-right {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.6rem !important;
}

/* Estrelas de avaliação no navbar */
.template-outubro-rosa .navbar .text-warning {
    color: #ffe066 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Badge "Ver ›" das avaliações no navbar rosa */
.template-outubro-rosa .navbar .badge-pill-reviews {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* Sino de notificações - branco no navbar rosa */
.template-outubro-rosa #btn-notificacoes {
    color: #ffffff !important;
}

.template-outubro-rosa #btn-notificacoes:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Dropdown menu do usuário no navbar */
.template-outubro-rosa .navbar .dropdown-menu {
    border: 1px solid rgba(255, 105, 180, 0.3);
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.15);
}

.template-outubro-rosa .navbar .dropdown-item {
    color: #ff69b4 !important;
}

.template-outubro-rosa .navbar .dropdown-item:hover {
    background-color: rgba(255, 105, 180, 0.1) !important;
    color: #d84594 !important;
}

.template-outubro-rosa .navbar .dropdown-divider {
    border-top-color: rgba(255, 105, 180, 0.3) !important;
}

/* Corrige o texto de sessão salva e outros mutes dentro do dropdown que estavam brancos */
.template-outubro-rosa .navbar .dropdown-menu .text-muted {
    color: #ff69b4 !important;
}

/* Banner */
.template-outubro-rosa .responsive-banner {
    border-radius: 24px;
    border: 2px solid rgba(255, 105, 180, 0.5);
    box-shadow: 0 15px 40px rgba(255, 105, 180, 0.3);
    filter: saturate(1.1) brightness(1.02);
}

/* Carrossel de Destaques */
.template-outubro-rosa .carousel-caption {
    background: rgba(255, 105, 180, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 4px 20px rgba(255, 105, 180, 0.2) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 12px !important;
}

.template-outubro-rosa .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff69b4'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.template-outubro-rosa .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff69b4'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}


/* Container principal */
.template-outubro-rosa main {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 105, 180, 0.3);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(255, 105, 180, 0.2);
    backdrop-filter: blur(10px);
}

/* Overlay do banner (main dentro do position-absolute) - rosa clarinho */
.template-outubro-rosa .position-absolute main {
    background: rgba(255, 105, 180, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 4px 20px rgba(255, 105, 180, 0.2) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 12px !important;
}

/* Pills de categoria */
.template-outubro-rosa .category-pill,
.template-outubro-rosa .btn-outline-secondary {
    border-color: rgba(255, 105, 180, 0.5);
    color: #ff69b4;
    font-weight: 500;
}

.template-outubro-rosa .category-pill.active,
.template-outubro-rosa .btn-outline-secondary:hover {
    background: linear-gradient(120deg, #ff69b4, #ff8dc7);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(255, 105, 180, 0.4);
}

/* Cards dos produtos */
.template-outubro-rosa .card {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(255, 240, 247, 0.95));
    border: 2px solid rgba(255, 105, 180, 0.3);
    box-shadow: 0 15px 35px rgba(255, 105, 180, 0.2);
    color: #4a1942;
    position: relative;
    transition: all 0.3s ease;
}

.template-outubro-rosa .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(255, 105, 180, 0.35);
}

.template-outubro-rosa .card .card-text {
    color: #6b2560;
}

.template-outubro-rosa .text-muted {
    color: #8b4789 !important;
    opacity: 0.9 !important;
}

.template-outubro-rosa .old-price {
    color: #8b4789 !important;
    font-weight: 600;
    text-decoration-color: rgba(139, 71, 137, 0.8);
}

.template-outubro-rosa .card-img-top {
    border-radius: 18px;
    border: 2px solid rgba(255, 105, 180, 0.2);
    filter: saturate(1.05);
}

/* Badges */
.template-outubro-rosa .badge.bg-warning,
.template-outubro-rosa .badge.bg-success {
    background: rgba(255, 105, 180, 0.15) !important;
    color: #ff69b4 !important;
    border: 1px solid rgba(255, 105, 180, 0.4);
}

/* Botões */
.template-outubro-rosa .btn-primary,
.template-outubro-rosa .btn-success,
.template-outubro-rosa #floating-cart-btn {
    background: linear-gradient(130deg, #ff69b4, #ff8dc7 55%, #ffb6d9);
    border: none;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 12px 25px rgba(255, 105, 180, 0.4);
}

.template-outubro-rosa .btn-primary:hover,
.template-outubro-rosa .btn-success:hover,
.template-outubro-rosa #floating-cart-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(255, 105, 180, 0.5);
}

.template-outubro-rosa #floating-cart-btn .badge {
    background: #ffffff;
    color: #ff69b4;
}

/* Botão flutuante de push - sino rosa */
.template-outubro-rosa #btn-ativar-push {
    background: linear-gradient(130deg, #ff69b4, #ff8dc7 55%, #ffb6d9) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.5) !important;
}

.template-outubro-rosa #btn-ativar-push:hover {
    filter: brightness(1.1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(255, 105, 180, 0.6) !important;
}

/* Modais e Offcanvas */
.template-outubro-rosa #update-toast,
.template-outubro-rosa .modal-content,
.template-outubro-rosa .offcanvas {
    background: linear-gradient(150deg, rgba(255, 240, 247, 0.98), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(255, 105, 180, 0.3);
    color: #4a1942;
}

.template-outubro-rosa .modal-header {
    background: linear-gradient(120deg, rgba(255, 105, 180, 0.1), rgba(255, 182, 217, 0.1));
    border-bottom: 2px solid rgba(255, 105, 180, 0.3);
}

.template-outubro-rosa .modal-title {
    color: #ff69b4;
    font-weight: 700;
}

.template-outubro-rosa .modal-footer {
    border-top: 1px solid rgba(255, 105, 180, 0.2);
}

.template-outubro-rosa .btn-close {
    filter: invert(25%) sepia(50%) saturate(1500%) hue-rotate(290deg);
}

.template-outubro-rosa .offcanvas-header {
    background: linear-gradient(120deg, rgba(255, 105, 180, 0.15), rgba(255, 182, 217, 0.1));
    border-bottom: 2px solid rgba(255, 105, 180, 0.3);
}

.template-outubro-rosa .offcanvas-title {
    color: #ff69b4;
    font-weight: 700;
}

/* Alertas e mensagens */
.template-outubro-rosa .alert {
    border: 2px solid rgba(255, 105, 180, 0.3);
    background: linear-gradient(135deg, rgba(255, 240, 247, 0.9), rgba(255, 255, 255, 0.9));
    color: #4a1942;
}

.template-outubro-rosa .alert-info {
    border-color: rgba(255, 105, 180, 0.4);
    background: linear-gradient(135deg, rgba(255, 182, 217, 0.2), rgba(255, 240, 247, 0.2));
    color: #6b2560;
}

.template-outubro-rosa .alert-warning {
    border-color: rgba(255, 105, 180, 0.5);
    background: linear-gradient(135deg, rgba(255, 105, 180, 0.15), rgba(255, 182, 217, 0.15));
    color: #8b1967;
}

.template-outubro-rosa .alert-danger {
    border-color: rgba(255, 105, 180, 0.6);
    background: linear-gradient(135deg, rgba(255, 105, 180, 0.2), rgba(255, 182, 217, 0.2));
    color: #8b1967;
}

.template-outubro-rosa .alert-success {
    border-color: rgba(255, 105, 180, 0.4);
    background: linear-gradient(135deg, rgba(255, 182, 217, 0.2), rgba(255, 240, 247, 0.2));
    color: #6b2560;
}

.template-outubro-rosa .alert-heading {
    color: #ff69b4;
    font-weight: 700;
}

.template-outubro-rosa .swal2-popup {
    background: linear-gradient(150deg, rgba(255, 240, 247, 0.98), rgba(255, 255, 255, 0.98)) !important;
    border: 2px solid rgba(255, 105, 180, 0.4) !important;
}

.template-outubro-rosa .swal2-title {
    color: #ff69b4 !important;
}

.template-outubro-rosa .swal2-content {
    color: #4a1942 !important;
}

.template-outubro-rosa .swal2-confirm {
    background: linear-gradient(130deg, #ff69b4, #ff8dc7) !important;
    border: none !important;
}

.template-outubro-rosa .swal2-cancel {
    background: rgba(255, 105, 180, 0.2) !important;
    color: #ff69b4 !important;
    border: 1px solid rgba(255, 105, 180, 0.4) !important;
}

/* Formulários */
.template-outubro-rosa .form-control,
.template-outubro-rosa .input-group-text {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 105, 180, 0.3);
    color: #4a1942;
}

.template-outubro-rosa .form-control:focus {
    border-color: #ff69b4;
    box-shadow: 0 0 0 0.25rem rgba(255, 105, 180, 0.25);
}

/* Títulos de seção */
.template-outubro-rosa .section-title {
    color: #ff69b4 !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
    background: linear-gradient(135deg, rgba(255, 105, 180, 0.15), rgba(255, 182, 217, 0.1));
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    border-left: 4px solid #ff69b4;
    margin-bottom: 1.5rem !important;
}

.template-outubro-rosa .section-title::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 3px;
    margin-left: 12px;
    background: linear-gradient(90deg, #ff69b4, #ffb6d9);
    border-radius: 999px;
}

/* Banner de conscientização */
.template-outubro-rosa .awareness-banner {
    text-align: center;
    padding: 25px 20px;
    margin: 20px 0 30px;
    background: linear-gradient(135deg, rgba(255, 105, 180, 0.2), rgba(255, 182, 217, 0.15));
    border-radius: 16px;
    border: 2px solid rgba(255, 105, 180, 0.3);
    box-shadow: 0 10px 30px rgba(255, 105, 180, 0.2);
}

.template-outubro-rosa .awareness-banner h3 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #ff69b4;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.2);
}

.template-outubro-rosa .awareness-banner p {
    font-size: 1.1rem;
    color: #6b2560;
    margin: 0;
    line-height: 1.6;
}

.template-outubro-rosa .awareness-banner .ribbon {
    font-size: 3rem;
    margin-bottom: 10px;
    animation: ribbonGlow 2s ease-in-out infinite;
}

@keyframes ribbonGlow {
    0%, 100% {
        filter: drop-shadow(0 0 10px rgba(255, 105, 180, 0.5));
    }
    50% {
        filter: drop-shadow(0 0 20px rgba(255, 105, 180, 0.8));
    }
}

/* Rodapé */
.template-outubro-rosa .footer-natal,
.template-outubro-rosa .template-footer {
    background: linear-gradient(135deg, rgba(255, 105, 180, 0.9), rgba(255, 182, 217, 0.9));
    border-top: 2px solid rgba(255, 105, 180, 0.5);
    box-shadow: 0 -10px 30px rgba(255, 105, 180, 0.2);
    margin-top: 50px;
}

.template-outubro-rosa .footer-natal h5,
.template-outubro-rosa .template-footer .footer-title {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: 700;
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
}

.template-outubro-rosa .template-footer .footer-message,
.template-outubro-rosa .template-footer .footer-credits,
.template-outubro-rosa .template-footer .footer-copyright {
    color: #ffffff !important;
}

.template-outubro-rosa .footer-natal a,
.template-outubro-rosa .template-footer .footer-link {
    transition: all 0.3s ease;
    font-weight: 500;
    color: #ffffff !important;
    text-decoration: none;
}

.template-outubro-rosa .footer-natal a:hover,
.template-outubro-rosa .template-footer .footer-link:hover {
    color: #ffb6d9 !important;
    text-shadow: 0 0 10px rgba(255, 182, 217, 0.8);
}

.template-outubro-rosa .footer-natal .border-top,
.template-outubro-rosa .template-footer .footer-divider {
    border-color: rgba(255, 255, 255, 0.3) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}


/* Força texto vermelho e negrito no campo da taxa de entrega */
#cliente-taxa-entrega-display {
    color: #dc3545 !important;
    font-weight: bold !important;
    background-color: #ffffff !important;}

/* === Botao Agendar e Encomendar - Outubro Rosa (Mesmo estilo do Add) === */
.template-outubro-rosa .btn-add-cart-agendar,
.template-outubro-rosa .btn-add-cart-agendar.btn-warning,
.template-outubro-rosa .btn-add-cart-sob-encomenda,
.template-outubro-rosa .btn-add-cart-sob-encomenda.btn-warning,
.template-outubro-rosa #btn-finalizar-preview.btn-warning,
.template-outubro-rosa #btn-confirmar-pedido.btn-warning,
.template-outubro-rosa #btn-confirmar-final.btn-warning,
.template-outubro-rosa #btn-confirmar-agendamento.btn-warning {
    background: linear-gradient(130deg, #ff69b4, #ff8dc7 55%, #ffb6d9) !important;
    border: none !important;
    border-radius: 0.25rem !important; /* Padrão bootstrap, remove o formato de pílula */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important; /* Padrão btn-sm */
    padding: 0.25rem 0.5rem !important; /* Padrão btn-sm */
    box-shadow: 0 12px 25px rgba(255, 105, 180, 0.4) !important;
    transition: all 0.3s ease !important;
}

.template-outubro-rosa .btn-add-cart-agendar:hover,
.template-outubro-rosa .btn-add-cart-agendar:focus,
.template-outubro-rosa .btn-add-cart-sob-encomenda:hover,
.template-outubro-rosa .btn-add-cart-sob-encomenda:focus,
.template-outubro-rosa #btn-finalizar-preview.btn-warning:hover,
.template-outubro-rosa #btn-finalizar-preview.btn-warning:focus,
.template-outubro-rosa #btn-confirmar-pedido.btn-warning:hover,
.template-outubro-rosa #btn-confirmar-pedido.btn-warning:focus,
.template-outubro-rosa #btn-confirmar-final.btn-warning:hover,
.template-outubro-rosa #btn-confirmar-final.btn-warning:focus,
.template-outubro-rosa #btn-confirmar-agendamento.btn-warning:hover,
.template-outubro-rosa #btn-confirmar-agendamento.btn-warning:focus {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(255, 105, 180, 0.5) !important;
    color: #ffffff !important;
}

.template-outubro-rosa .btn-add-cart-agendar i,
.template-outubro-rosa .btn-add-cart-sob-encomenda i {
    margin-left: 4px !important;
}

/* === Badge de Status da Loja - Outubro Rosa === */
/* "Aberta" → verde padrão Bootstrap + borda branca */
.template-outubro-rosa #container-status-loja .badge.bg-success {
    background-color: #198754 !important; /* verde Bootstrap padrão */
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}

/* "Fechada" → vermelho padrão Bootstrap + borda branca */
.template-outubro-rosa #container-status-loja .badge.bg-danger {
    background-color: #dc3545 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}

/* "Pausada" / "Manutenção" → amarelo Bootstrap + borda branca */
.template-outubro-rosa #container-status-loja .badge.bg-warning {
    background-color: #ffc107 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}