/*
Theme Name: SPA TWP
Theme URI: 
Author: wptexture
Author URI: https://testerwp.com/
Description: SPA TWP. Theme is a clean, minimal, free business WordPress theme made for business, Parlour, Nails,  Facial, SWaxing, Hair school,  Massages,  Barber, Human body, Hair, Hairdresser stores and preferably ideal for any type of online store websites. SPA TWP is a beautiful, fast, lightweight, responsive, extremely customizable theme. The theme options panel is too easy to use, and the theme is also fully responsive to each & every device like Mobile, iPads etc. Furthermore, It also offers features such as tabbed product carousel, ribbon, product carousel featured banner, etc. SPA TWP theme is so responsive that it works on every device such as mobile, desktop, iPods, etc. And we have ensured that your new store looks amazing everywhere.
Version: 1.0
Requires at least: 5.4
Tested up to: 6.8 
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: spa-twp
Template: beauty-parlour-elementor
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, buddyPress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio

SPA TWP WordPress Theme, Copyright 2025, wptexture
SPA TWP is distributed under the terms of the GNU GPL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.sp-100 {
  padding-top: 70px !important;
  padding-bottom: 20px  !important;
}
.footer .footer-credits {
  padding-top: 0px !important;
  margin-bottom: -26px !important;
}
.footer {
  padding: 30px 0 !important;
}
.entry-header {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, #F9A392 0%, #ff8566 100%);
    margin: -40px -20px 60px -20px;
    border-radius: 0 0 30px 30px;
}

.entry-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-shadow: 0 2px 20px rgba(0,0,0,0.1);
    line-height: 1.3;
}

.wp-block-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 60px 0 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #F9A392;
    position: relative;
}

h3.wp-block-heading {
    font-size: 1.5rem;
    color: #2c3e50;
    border-bottom: 2px solid #F9A392;
    padding: 12px 20px;
    background: linear-gradient(to right, rgba(249, 163, 146, 0.1), transparent);
    margin: 20px 0 25px 0;
}

.entry-content p em {
    display: inline;
    padding: 0;
    background: transparent;
    color: inherit;
    border-radius: 0;
    font-style: italic;
    font-size: inherit;
    margin: 0;
    box-shadow: none;
    position: static;
}

.entry-content p em::before {
    content: none;
}

.entry-content > p:has(em) {
    padding: 28px 40px;
    background: linear-gradient(135deg, #F9A392 0%, #ff8566 100%);
    color: #fff;
    border-radius: 15px;
    font-size: 1.2rem;
    margin: 40px 0;
    box-shadow: 0 10px 30px rgba(249, 163, 146, 0.3);
    position: relative;
    line-height: 1.8;
}

.entry-content > p:has(em)::before {
    content: '"';
    font-size: 4rem;
    position: absolute;
    top: -10px;
    left: 20px;
    opacity: 0.3;
    font-family: Georgia, serif;
}

.entry-content > p:has(em) em {
    display: block;
    font-style: italic;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

.entry-content > p:has(em) em:last-child {
    font-style: normal;
    font-size: 1rem;
    opacity: 0.9;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.3);
    text-align: right;
}

.wp-block-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.wp-block-list li {
    padding: 8px 15px 8px 45px;
    margin-bottom: 6px;
    background: transparent;
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.wp-block-list li::before {
    content: '✓';
    position: absolute;
    left: 18px;
    color: #F9A392;
    font-weight: bold;
    font-size: 1.2rem;
}

.wp-block-list li strong {
    color: #F9A392;
    font-weight: 600;
}

.event-overview-1 .wp-block-list li,
.event-overview-2 .wp-block-list li {
    background: transparent;
}

.event-overview-3 .wp-block-list li {
    background: rgba(255, 255, 255, 0.1);
}

.event-overview-3 .wp-block-list li:hover {
    background: rgba(255, 255, 255, 0.2);
}

.event-overview-3 .wp-block-list li::before {
    color: #fff;
}

.wp-block-table {
    margin: 50px 0;
}

.mtr-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    background: transparent;
}

.mtr-thead-th {
    background: transparent;
}

.mtr-th-tag {
    padding: 18px 15px;
    color: #2c3e50;
    font-weight: 700;
    text-align: left;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    background: transparent;
}

.mtr-table tbody tr {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.mtr-td-tag {
    padding: 20px 15px;
    text-align: left;
    border: none;
    font-size: 0.95rem;
    color: #555;
    background: #fff;
}

.mtr-table tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
    font-weight: 600;
    color: #2c3e50;
}

.mtr-table tbody tr td:last-child {
    border-radius: 0 12px 12px 0;
}

.mtr-td-tag[data-mtr-content="Event Name"] .mtr-cell-content {
    color: #F9A392;
    font-weight: 600;
}

.event-overview {
    background: linear-gradient(135deg, rgba(249, 163, 146, 0.1) 0%, rgba(255, 133, 102, 0.05) 100%);
    border-left: 5px solid #F9A392;
    padding: 30px;
    margin: 40px 0;
    border-radius: 7px;
    box-shadow: 0 10px 30px rgba(249, 163, 146, 0.15);
    position: relative;
    overflow: hidden;
}

.event-overview::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(249, 163, 146, 0.1) 0%, transparent 70%);
    animation: pulse 15s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

.event-overview-1 {
    background: linear-gradient(135deg, #fff 0%, rgba(249, 163, 146, 0.08) 100%);
    border: 2px solid #F9A392;
    padding: 32px;
    margin: 35px 0;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 15px 35px rgba(249, 163, 146, 0.2);
}

.event-overview-1::after {
    content: '📅';
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 3rem;
    opacity: 0.2;
}

.event-overview-2 {
    background: #fff;
    border: 3px solid #F9A392;
    border-radius: 25px;
    padding: 30px;
    margin: 35px 0;
    box-shadow: 0 20px 50px rgba(249, 163, 146, 0.25);
    position: relative;
}

.event-overview-2::before {
    content: none;
}

.event-overview-3 {
    background: linear-gradient(135deg, #F9A392 0%, #ff8566 100%);
    color: #fff;
    padding: 40px;
    margin: 40px 0;
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(249, 163, 146, 0.4);
    position: relative;
    overflow: hidden;
}

.event-overview-3::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
}

.event-overview-3 h3,
.event-overview-3 p,
.event-overview-3 li {
    color: #fff;
    position: relative;
    z-index: 1;
}

.event-overview-3 h3.wp-block-heading {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.3);
    background: transparent;
}

@media (max-width: 768px) {
    .entry-content p {
        font-size: 14px !important;
    }
    
    .entry-header {
        margin: -50px 15px 40px 15px;
        padding: 40px 20px;
    }
    
    .entry-title {
        font-size: 1.8rem;
    }
    
    .wp-block-heading {
        font-size: 1.5rem;
        margin: 24px 0 20px 0;
        line-height: 1.4;
    }
    
    h3.wp-block-heading {
        font-size: 1.2rem;
        padding: 12px 15px;
    }
    
    .event-overview,
    .event-overview-1,
    .event-overview-2,
    .event-overview-3 {
        padding: 20px;
        margin: 25px 15px;
    }
    
    .event-overview-1::after {
        font-size: 2rem;
        top: 15px;
        right: 15px;
        opacity: 0.15;
    }
    
    .event-overview-3::before {
        width: 200px;
        height: 200px;
        top: -80px;
        right: -80px;
    }
    
    .wp-block-list {
        margin: 12px 0;
    }
    
    .wp-block-list li {
        padding: 7px 12px 7px 38px;
        margin-bottom: 5px;
    }
    
    .wp-block-list li::before {
        left: 14px;
        font-size: 1rem;
    }
    
    .mtr-table tbody tr {
        border-radius: 0;
        box-shadow: none;
    }
    
    .mtr-table tbody tr td:first-child,
    .mtr-table tbody tr td:last-child {
        border-radius: 0;
    }
    
    .mtr-th-tag,
    .mtr-td-tag {
        padding: 12px 10px;
        font-size: 0.85rem;
    }
    
    .entry-content > p:has(em) {
        padding: 20px 25px;
        font-size: 1.05rem;
        margin: 30px 15px;
    }
    
    .entry-content > p:has(em)::before {
        font-size: 3rem;
        left: 15px;
        top: -5px;
    }
}

@media (max-width: 480px) {
    .entry-header {
        padding: 30px 15px;
        margin: -50px 10px 30px 10px;
    }
    
    .entry-title {
        font-size: 1.5rem;
    }
    
    .event-overview,
    .event-overview-1,
    .event-overview-2,
    .event-overview-3 {
        padding: 18px;
        margin: 20px 10px;
    }
    
    .event-overview-1::after {
        font-size: 1.5rem;
        top: 12px;
        right: 12px;
        opacity: 0.12;
    }
    
    .event-overview-3::before {
        width: 150px;
        height: 150px;
        top: -60px;
        right: -60px;
    }
    
    .wp-block-table {
        font-size: 0.8rem;
        margin: 30px 10px;
    }
    
    .mtr-table {
        border-spacing: 0;
    }
    
    .mtr-table tbody tr {
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }
    
    .mtr-table tbody tr td:first-child,
    .mtr-table tbody tr td:last-child {
        border-radius: 0;
    }
    
    .mtr-td-tag {
        background: transparent;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .mtr-th-tag,
    .mtr-td-tag {
        padding: 10px 8px;
        font-size: 0.75rem;
    }
    
    .wp-block-list {
        margin: 10px 0;
    }
    
    .wp-block-list li {
        padding: 6px 10px 6px 32px;
        margin-bottom: 4px;
        font-size: 0.9rem;
    }
    
    .wp-block-list li::before {
        left: 10px;
        font-size: 0.9rem;
    }
    
    .entry-content > p:has(em) {
        padding: 18px 20px;
        font-size: 1rem;
        margin: 25px 10px;
    }
    
    .entry-content > p:has(em)::before {
        font-size: 2.5rem;
        left: 10px;
    }
}

.entry-footer {
    margin-top: 60px;
    padding: 30px 0;
    border-top: 2px solid #F9A392;
    text-align: center;
}

.entry-footer .edit-link a {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, #F9A392 0%, #ff8566 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(249, 163, 146, 0.3);
}

.entry-footer .edit-link a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(249, 163, 146, 0.4);
}

@media (max-width: 425px) {
    header .logo-wrap .logo img {
        width: auto;
    }
    
    .entry-footer {
        margin-top: 40px;
        padding: 20px 10px;
    }
    
    .entry-footer .edit-link a {
        padding: 10px 25px;
        font-size: 0.9rem;
    }
}