/* Love Tinta PH customer theme
   Palette based on the provided Figma screenshots. */
:root {
    --lt-plum: #170521;
    --lt-plum-2: #23082f;
    --lt-plum-3: #3c0a35;
    --lt-pink: #ed145b;
    --lt-pink-2: #ff4f82;
    --lt-pink-soft: #fde8f0;
    --lt-pink-soft-2: #fff2f6;
    --lt-ink: #0f0717;
    --lt-muted: #8f829b;
    --lt-surface: #ffffff;
    --lt-page: #fbfaf8;
    --lt-field: #f7f5f3;
    --lt-border: #e8e2e7;
    --lt-shadow: 0 16px 40px rgba(23, 5, 33, 0.08);
    --lt-shadow-sm: 0 8px 22px rgba(23, 5, 33, 0.08);
    --lt-radius: 18px;
    --lt-radius-sm: 12px;
    --lt-radius-pill: 999px;
}

html,
body.device-layout {
    background: var(--lt-page) !important;
    color: var(--lt-ink);
    font-family: "Montserrat", sans-serif;
}

body.device-layout a {
    color: var(--lt-pink);
}

body.device-layout a:hover {
    color: #c90f4a;
}

/* Header / navigation */
.top-bar,
.top-bar.d-none.d-lg-block,
.top-bar.d-none.d-md-block.d-lg-none,
.top-bar.d-block.d-md-none {
    background: var(--lt-surface) !important;
    color: var(--lt-ink) !important;
    border-bottom: 1px solid #eee9ed;
    box-shadow: none !important;
}

.top-bar .nav-wrapper {
    gap: 1rem;
}

.top-bar .navbar-title,
.top-bar .main-nav a,
.top-bar .btn,
.top-bar i,
.top-bar .dropdown-toggle,
.top-bar .mobile-trigger,
.top-bar .mobile-trigger i {
    color: var(--lt-ink) !important;
}

.branding .logo {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.navbar-title {
    letter-spacing: -0.02em;
}

.main-nav ul {
    align-items: center;
}

.main-nav a {
    border-radius: var(--lt-radius-sm);
    font-weight: 700;
    padding: 0.7rem 1.1rem !important;
}

.main-nav a:hover,
.main-nav a.active,
.top-bar .main-nav a.active {
    background: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
    border-bottom-color: transparent !important;
}

.main-nav a.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.28rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lt-pink);
    transform: translateX(-50%);
}

.hamburger span {
    background: var(--lt-ink);
    border-radius: var(--lt-radius-pill);
}

.mobile-menu {
    background: var(--lt-surface);
    border-radius: 24px 0 0 24px;
    box-shadow: -20px 0 50px rgba(23, 5, 33, 0.18);
}

.mobile-nav-link {
    border-radius: var(--lt-radius-sm);
    color: var(--lt-ink);
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
    background: var(--lt-pink-soft);
    color: var(--lt-pink) !important;
    border-left-color: var(--lt-pink) !important;
}

.get-started-btn,
.get-started-btn-mobile,
.get-started-btn-mobile-sm,
.btn-primary,
.cart-btn,
#services .btn,
.btn-shop-now,
.chat-payment-link {
    background: var(--lt-pink) !important;
    border-color: var(--lt-pink) !important;
    color: #fff !important;
    border-radius: var(--lt-radius-sm) !important;
    box-shadow: 0 10px 22px rgba(237, 20, 91, 0.22);
    font-weight: 800;
}

.order-btn{
    background: #000000 !important;
    border-color: #000000 !important;
    color: #fff !important;
    border-radius: var(--lt-radius-sm) !important;
    box-shadow: 0 10px 22px rgba(237, 20, 91, 0.22);
    font-weight: 800;
}

.get-started-btn:hover,
.get-started-btn-mobile:hover,
.get-started-btn-mobile-sm:hover,
.btn-primary:hover,
.cart-btn:hover,
#services .btn:hover,
.btn-shop-now:hover,
.order-btn:hover,
.chat-payment-link:hover {
    background: #d81152 !important;
    border-color: #d81152 !important;
    color: #fff !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-light.text-primary,
.btn-send-your-design,
.inquire-btn {
    border-radius: var(--lt-radius-sm) !important;
    border-color: var(--lt-border) !important;
    background: var(--lt-surface) !important;
    color: var(--lt-ink) !important;
    font-weight: 800;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-light.text-primary:hover,
.btn-send-your-design:hover,
.inquire-btn:hover {
    background: var(--lt-pink-soft) !important;
    border-color: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
}

/* Page surfaces */
.profile-header,
.order-header,
.reviews-header,
.shop-header {
    background: var(--lt-surface) !important;
    border-bottom: 1px solid var(--lt-border) !important;
}

.profile-header h4,
.order-header h4,
.reviews-header h4,
.shop-header h4 {
    color: var(--lt-ink) !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
}

.profile-header,
.order-header,
.reviews-header {
    padding: 1.25rem 0 0.65rem !important;
}

.reviews-header {
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.profile-header p,
.order-header p,
.reviews-header p,
.shop-header p {
    color: var(--lt-muted) !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    margin: 0.25rem 0 0 !important;
}

.shop-header h4,
.card-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--lt-ink);
    letter-spacing: -0.025em;
}

.text-muted,
.card-text,
.shop-header p {
    color: var(--lt-muted) !important;
}

.card,
.dropdown-menu,
.modal-content,
.category-card,
.category-container .card,
.cart-slide,
.order-card,
.review-form-card,
.rating-card,
.send-design-card,
.review-product-card,
.shop-products .shop-product-item .card,
.shop-products .wishlist-product-card {
    border-color: var(--lt-border) !important;
    border-radius: var(--lt-radius) !important;
    box-shadow: var(--lt-shadow-sm) !important;
    overflow: hidden;
}

.card-header,
.cart-header,
.cart-footer {
    background: var(--lt-surface) !important;
    border-color: var(--lt-border) !important;
}

.form-control,
.form-select,
.input-group .form-control,
#featuredDropdown,
textarea.form-control {
    background: var(--lt-field) !important;
    border-color: #ded8dc !important;
    color: var(--lt-ink) !important;
    border-radius: var(--lt-radius-pill) !important;
}

textarea.form-control {
    border-radius: var(--lt-radius) !important;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
textarea.form-control:disabled,
textarea.form-control[readonly] {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    opacity: 1;
}

.form-control:focus,
.form-select:focus,
#featuredDropdown:focus {
    border-color: var(--lt-pink) !important;
    box-shadow: 0 0 0 0.2rem rgba(237, 20, 91, 0.14) !important;
}

.form-control::placeholder,
textarea::placeholder {
    color: #75687f !important;
}

/* Auth modal fields use the dark modal surface instead of the page field style. */
.auth-modal .form-control,
.auth-modal .input-group .form-control {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

.auth-modal .form-control:focus,
.auth-modal .input-group .form-control:focus {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.auth-modal .form-control:autofill,
.auth-modal .input-group .form-control:autofill,
.auth-modal .form-control:-webkit-autofill,
.auth-modal .input-group .form-control:-webkit-autofill,
.auth-modal .form-control:-webkit-autofill:hover,
.auth-modal .input-group .form-control:-webkit-autofill:hover,
.auth-modal .form-control:-webkit-autofill:focus,
.auth-modal .input-group .form-control:-webkit-autofill:focus {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px var(--auth-field, rgba(255, 255, 255, 0.07)) inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff;
    transition: background-color 9999s ease-out;
}

.badge.bg-primary,
.bg-primary,
.shop-header .dropdown-item:active,
.category-container .category-link.active {
    background-color: var(--lt-pink) !important;
    color: #fff !important;
}

.text-primary,
.shop-header .featured-active {
    color: var(--lt-pink) !important;
}

/* Home */
#home {
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 84% 30%, rgba(237, 20, 91, 0.28), transparent 34%),
        linear-gradient(135deg, var(--lt-plum) 0%, var(--lt-plum-2) 65%, var(--lt-plum-3) 100%) !important;
    background-size: 75px 75px, 75px 75px, auto, auto !important;
}

#home .txt-title,
#home .container-fluid h2 {
    color: #fff !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em;
}

#home .guest-title-accent {
    color: var(--lt-pink) !important;
}

#home .txt-description {
    color: #c9becf !important;
}

#home .btn-hot-sales,
#home .btn-apparel,
#home .btn-customize {
    background: rgba(237, 20, 91, 0.26) !important;
    color: #ff7da3 !important;
    border-radius: var(--lt-radius-pill) !important;
    box-shadow: none !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.main-image,
#home img,
.product-card img,
.shop-products .card-img-top,
.review-product-card img {
    border-radius: var(--lt-radius) !important;
}

.thumbnail-gallery.active,
.thumbnail-stack.dots .thumbnail-dot.active,
.slider-bullets .bullet.active {
    background-color: var(--lt-pink) !important;
    border-color: var(--lt-pink) !important;
    box-shadow: 0 0 0 4px rgba(237, 20, 91, 0.12) !important;
}

/* Sections */
#services,
#about,
.shop-products,
.category-container,
.device-content {
    background-color: var(--lt-page);
}

body.home-page .content,
body.home-page .device-wrapper,
body.home-page .desktop-devices,
body.home-page .tablet-devices,
body.home-page .mobile-devices {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

body.home-page .device-content section.container-fluid,
body.home-page .device-content footer.footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.container-fluid h2,
.header-3 h4,
.header-4,
.Customer-header,
.ready-header {
    color: var(--lt-ink) !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 900 !important;
}

.container-fluid .txt-p,
.Customer-p,
.ready-p,
.card-txt-p {
    color: var(--lt-muted) !important;
}

#services .product-card .badge,
#about .icon,
.chat-header .avatar,
.cart-header .rounded-circle {
    background: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
}

#about .icon {
    filter: none !important;
}

#about .our-story,
.footer,
footer {
    background: var(--lt-plum) !important;
    color: #fff !important;
}

#about .our-story h1,
#about .our-story h2,
#about .our-story h3,
#about .our-story h4,
#about .our-story h5,
#about .our-story h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #fff !important;
}

#about .our-story p,
.footer p,
.footer a,
footer p,
footer a {
    color: #a99bb5 !important;
}

.footer .hr-white {
    margin-top: 0 !important;
    margin-bottom: 0.35rem !important;
    padding-top: 0.35rem !important;
}

.footer .hr-white > .row {
    align-items: center;
}

#about .ready-order {
    background: var(--lt-pink) !important;
    color: #fff !important;
}

#about .ready-order .ready-header,
#about .ready-order .ready-p{
    color: #fff !important;
}
.customer-rating h1,
.customer-rating h2,
.customer-rating h3,
.customer-rating h4,
.customer-rating h5,
.customer-rating h6{
    color: #000
}
.customer-rating p {
    color: #ed145b !important;
}

.customer-rating .rating-card,
.customer-rating .rating-card h1,
.customer-rating .rating-card h2,
.customer-rating .rating-card h3,
.customer-rating .rating-card h4,
.customer-rating .rating-card h5,
.customer-rating .rating-card h6,
.customer-rating .rating-card p {
    color: #1f2937 !important;
}

.customer-rating .rating-card .rating-time,
.customer-rating .rating-card .card-text {
    color: #4b5563 !important;
}

.customer-rating .rating-card .text-primary {
    color: var(--lt-pink) !important;
}

.customer-rating .guest-title-accent {
    color: #ed145b !important;
}

/* Shop and product cards */
.shop-products .shop-product-item .card,
.shop-products .wishlist-product-card,
.product-card {
    background: var(--lt-surface) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.shop-products .shop-product-item .card:hover,
.shop-products .wishlist-product-card:hover,
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--lt-shadow) !important;
}

.shop-products .shop-product-item .card-price,
.shop-products .wishlist-product-card .card-price {
    color: var(--lt-pink) !important;
}

.wishlist-btn {
    border-color: var(--lt-border) !important;
    background: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
}

.wishlist-btn:hover {
    background: var(--lt-pink) !important;
    color: #fff !important;
}

.wishlist-btn:hover .bi-heart-fill,
.wishlist-btn:hover i {
    color: #fff !important;
}

.category-title {
    color: var(--lt-muted) !important;
}

.category-container .category-link {
    border-radius: var(--lt-radius-sm);
    color: var(--lt-ink);
}

.category-container .category-link:hover {
    background: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
}

/* Checkout, account, orders */
.table,
.list-group-item {
    color: var(--lt-ink);
}

.table thead th {
    color: var(--lt-muted);
    border-color: var(--lt-border) !important;
}

.table td,
.table th,
.list-group-item {
    border-color: var(--lt-border) !important;
}

.order-card .btn,
.review-card-header,
.delete-card {
    border-radius: var(--lt-radius) !important;
}

/* Chat widget */
.chat-button {
    background: var(--lt-pink) !important;
    box-shadow: 0 18px 35px rgba(237, 20, 91, 0.35) !important;
}

.chat-container {
    border-radius: 24px !important;
    border: 1px solid var(--lt-border);
    box-shadow: var(--lt-shadow) !important;
}

.chat-header {
    background: var(--lt-plum) !important;
}

.chat-header h3,
.chat-header p,
.chat-history-link,
.chat-history-link span,
.close-chat {
    color: #fff !important;
}

.chat-input input {
    background: var(--lt-field) !important;
    border-radius: var(--lt-radius-pill) !important;
}

.chat-input button {
    background: var(--lt-pink) !important;
}

/* Modals / dropdowns */
.dropdown-item {
    border-radius: 10px;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--lt-pink-soft) !important;
    color: var(--lt-pink) !important;
}

.modal-header,
.modal-footer {
    border-color: var(--lt-border) !important;
}

@media (max-width: 767px) {
    .main-nav a,
    .mobile-nav-link {
        border-radius: 12px;
    }

    .card,
    .modal-content,
    .cart-slide,
    .chat-container {
        border-radius: 18px !important;
    }
}


.top-bar .dropdown-menu span,
.top-bar .dropdown-menu .text-muted {
    color: var(--lt-muted) !important;
}

.top-bar .dropdown-menu h6,
.top-bar .dropdown-menu .fw-bold {
    color: var(--lt-ink) !important;
}