/*
 * Usta Çiçekçi storefront theme
 * Logo palette: warm orange (primary), tulip lilac (support), leaf green (trust).
 * This keeps the storefront light and makes
 * buying actions unmistakable without turning the page into a solid color.
 * This stylesheet intentionally changes presentation only; checkout and catalogue
 * behavior stay in their existing files.
 */
:root {
    --usta-green: #087b45;
    --usta-green-deep: #075c35;
    --usta-green-soft: #f0f9f3;
    --usta-orange: #f36b21;
    --usta-orange-deep: #c94c13;
    --usta-orange-soft: #fff4ed;
    /* Logo üzerindeki lale/lila tonu: ikincil kurumsal renk. */
    --usta-lilac: #d91660;
    --usta-lilac-deep: #a80d49;
    --usta-lilac-soft: #fff2f7;
    --usta-pink: #d91660;
    --usta-pink-soft: #fff2f7;
    --usta-ink: #332640;
    --usta-muted: #716779;
    --usta-line: #f0dce6;

    --primary-color: var(--usta-orange);
    --primary-purple: var(--usta-lilac-deep);
    --primary-purple-rgb: 168, 13, 73;
    --flovio-accent: var(--usta-pink);
    --flovio-soft: var(--usta-lilac-soft);
    --secondary-color: var(--usta-muted);
    --dark-color: var(--usta-ink);
    --bs-primary: var(--usta-orange);
    --bs-primary-rgb: 243, 107, 33;
    --bs-link-color: var(--usta-lilac-deep);
    --bs-link-hover-color: #7d0936;
}

body {
    background: #fffdfd;
    color: var(--usta-ink);
}

a {
    color: var(--usta-lilac-deep);
}

a:hover {
    color: #7d0936;
}

.top-bar {
    background: #fbf8fd !important;
    border-bottom-color: var(--usta-line);
}

.top-bar a,
.top-bar .text-dark {
    color: #655b6d !important;
}

.top-bar a:hover {
    color: var(--usta-lilac-deep) !important;
}

.notification-bar {
    background: linear-gradient(102deg, var(--usta-lilac-deep), var(--usta-lilac)) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .15);
}

.storefront-header {
    border-bottom-color: var(--usta-line) !important;
    box-shadow: 0 8px 22px rgba(168, 13, 73, .045);
}

.input-group .form-control,
.newsletter-form .form-control,
.form-control,
.form-select {
    border-color: #efd4e0;
}

.form-control::placeholder {
    color: #9a8490;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--usta-lilac) !important;
    box-shadow: 0 0 0 .22rem rgba(217, 22, 96, .14) !important;
}

.btn-primary,
.btn-send {
    background: linear-gradient(135deg, var(--usta-orange), #e65418) !important;
    border-color: var(--usta-orange) !important;
    color: #fff !important;
    box-shadow: 0 5px 13px rgba(201, 76, 19, .18);
}

.btn-primary:hover,
.btn-send:hover,
.btn-primary:focus,
.btn-send:focus {
    background: linear-gradient(135deg, #e65418, var(--usta-orange-deep)) !important;
    border-color: var(--usta-orange-deep) !important;
    color: #fff !important;
    box-shadow: 0 7px 15px rgba(201, 76, 19, .24);
}

.btn-success {
    background: var(--usta-green) !important;
    border-color: var(--usta-green) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus {
    background: var(--usta-green-deep) !important;
    border-color: var(--usta-green-deep) !important;
    color: #fff !important;
}

/* Arama, satın alma yolunun başlangıcıdır; marka turuncusuyla öne çıksın.
 * Yeşil, teslimat ve başarı bildirimleri için ayrılmış kalır. */
.storefront-header .btn-success,
.mobile-search .btn-success {
    background: linear-gradient(135deg, var(--usta-orange), #e65418) !important;
    border-color: var(--usta-orange) !important;
    box-shadow: 0 5px 13px rgba(201, 76, 19, .16);
}

.storefront-header .btn-success:hover,
.storefront-header .btn-success:focus,
.mobile-search .btn-success:hover,
.mobile-search .btn-success:focus {
    background: linear-gradient(135deg, #e65418, var(--usta-orange-deep)) !important;
    border-color: var(--usta-orange-deep) !important;
}

.btn-warning {
    background: linear-gradient(135deg, var(--usta-orange), #d94f12) !important;
    border-color: var(--usta-orange) !important;
    color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background: linear-gradient(135deg, #d94f12, var(--usta-orange-deep)) !important;
    border-color: var(--usta-orange-deep) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--usta-lilac-deep) !important;
    border-color: #e6aec8 !important;
    background: #fff;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: var(--usta-lilac) !important;
    border-color: var(--usta-lilac) !important;
    color: #fff !important;
}

.btn:focus-visible,
a:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 3px solid rgba(217, 22, 96, .3);
    outline-offset: 2px;
}

.badge.bg-primary,
.nav-pills .nav-link.active {
    background-color: var(--usta-lilac) !important;
}

.badge.bg-success { background-color: var(--usta-green) !important; }

.storefront-header .category-nav {
    background: #fff;
    border-top-color: #fff0f6;
    border-bottom-color: var(--usta-line);
    box-shadow: 0 7px 18px rgba(168, 13, 73, .04);
}

.storefront-header .category-nav-link {
    color: #51404a !important;
}

.storefront-header .category-nav-link i,
.storefront-header .category-dropdown-toggle {
    color: var(--usta-lilac) !important;
}

.storefront-header .category-nav-link:hover,
.storefront-header .category-nav .nav-item:hover > .category-nav-link {
    background: var(--usta-lilac-soft);
    color: var(--usta-lilac-deep) !important;
}

.storefront-header .category-nav .dropdown-menu {
    border-color: var(--usta-line);
    box-shadow: 0 16px 34px rgba(168, 13, 73, .13);
}

.storefront-header .category-nav .dropdown-item:hover,
.storefront-header .category-nav .dropdown-item:focus {
    background: var(--usta-lilac-soft);
    color: var(--usta-lilac-deep);
}

.section-title,
.product-info .product-title,
.cart-summary .card-title,
.order-summary .total,
.footer-title {
    color: var(--usta-ink);
}

.section-title::after,
.footer-title::after {
    background: linear-gradient(90deg, var(--usta-pink), var(--usta-orange)) !important;
}

.product-card {
    border-color: #f0e1e8;
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(168, 13, 73, .035);
}

.product-card:hover {
    border-color: #ebbed1;
    box-shadow: 0 12px 26px rgba(168, 13, 73, .10);
}

.product-card .product-image {
    background: linear-gradient(145deg, #fff, #fffafd);
    border-bottom-color: #fff0f6;
}

.product-delivery,
.same-day-info,
.stock-badge {
    color: var(--usta-green-deep);
}

.same-day-info,
.stock-badge {
    background-color: var(--usta-green-soft);
    border-color: #b8dcc5;
}

.product-card .product-title a {
    color: var(--usta-ink);
}

.product-card .product-title a:hover {
    color: var(--usta-lilac-deep);
}

.product-card .current-price,
.product-info .big-price,
.product-info .decimal-part,
.summary-item strong {
    color: var(--usta-orange-deep);
}

.product-card .product-rating .stars,
.rating-stars,
.star-rating {
    color: var(--usta-orange);
}

.product-badge.bestseller,
.product-badge.new {
    background: var(--usta-lilac);
}

.product-badge.discount,
.discount {
    background: linear-gradient(135deg, var(--usta-orange), #d94f12) !important;
}

.product-badge.free-shipping {
    background: var(--usta-pink);
}

.product-gallery,
.product-info,
.cart-summary,
.order-summary,
.card {
    border-color: #f1e6eb;
}

.product-gallery-thumbs .swiper-slide-thumb-active {
    border-color: var(--usta-lilac);
}

.breadcrumb {
    background: #faf6fc;
}

.breadcrumb-item a {
    color: var(--usta-lilac-deep);
}

.pagination .page-link {
    color: var(--usta-lilac-deep);
    border-color: #ead2dd;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.pagination .page-link:focus {
    background-color: var(--usta-lilac);
    border-color: var(--usta-lilac);
    color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--usta-lilac);
}

.footer-area {
    background: #fff8fb;
    color: #75606a;
    border-color: var(--usta-line) !important;
}

.footer-top {
    border-color: #f0dce6;
}

.footer-contact .contact-item i,
.footer-links a:hover,
.footer-contact .contact-item a:hover {
    color: var(--usta-lilac-deep);
}

.footer-bottom {
    background: #fff;
    border-top: 1px solid #f1e4e9;
}

.social-link:hover {
    background: var(--usta-lilac);
}

@media (max-width: 767px) {
    .storefront-header,
    .storefront-header .category-nav {
        box-shadow: 0 4px 14px rgba(168, 13, 73, .045);
    }

    .product-card {
        border-radius: 12px;
    }
}