/**
 * Theme Name:     Bricks Child
 * Author:         Bricks
 * Template:       bricks
 * Text Domain:	   bricks-child
 * Description:    Visual website builder for WordPress.
 */

/* Tour Content Styling */
.tour-timeline {
    border-right: 2px solid #e5e7eb;
    /* Timeline Line (Right side for RTL) */
    margin-right: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.tour-day {
    position: relative;
    padding-bottom: 20px;
}

.tour-day h3 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    color: #1f2937;
    background: #f3f4f6;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
}

/* Timeline Dot */
.tour-day::before {
    content: '';
    position: absolute;
    right: -26px;
    /* Adjust to sit on the line */
    top: 5px;
    width: 12px;
    height: 12px;
    background: #3b82f6;
    /* Blue dot */
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #e5e7eb;
}

.tour-day p {
    margin: 0;
    line-height: 1.6;
    color: #4b5563;
}

.tour-includes {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.tour-includes h2 {
    margin-top: 0;
    font-size: 1.3rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.tour-includes ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tour-includes li {
    position: relative;
    padding-right: 25px;
    /* Space for icon */
    margin-bottom: 8px;
}

.tour-includes li::before {
    position: absolute;
    right: 0;
    font-weight: bold;
}

/* Specific styles for Includes (Green Check) */
.tour-includes.checked {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
}

.tour-includes.checked h2 {
    color: #166534;
    border-color: #bbf7d0;
}

.tour-includes.checked li::before {
    content: '✔';
    color: #16a34a;
}

/* Specific styles for Excludes (Red Cross) */
.tour-includes.crossed {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.tour-includes.crossed h2 {
    color: #991b1b;
    border-color: #fecaca;
}

.tour-includes.crossed li::before {
    content: '✖';
    color: #dc2626;
}