/*
Theme Name: Advantage Yacht Sales
Theme URI: https://advantageyachtsales.com
Author: ReBrandGurus
Author URI: https://tc.com
Description: Custom WordPress theme for Advantage Yacht Sales.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: advantageyachtsales
*/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: sans-serif;
}


.yacht-specifications-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 30px;
}


/*--------------------------------------------------------------
# Print Mode
--------------------------------------------------------------*/

.print-toolbar {

    background: #0b2c4d;

    padding: 15px 0;

    margin-bottom: 40px;

}

.print-toolbar .container {

    display: flex;

    justify-content: center;

    gap: 15px;

}

.print-mode .listing-details {

    display: block;

}

.print-mode .listing-details--content {

    width: 100%;

    max-width: 100%;

}

.print-mode .listing-details--sidebar {

    display: none;

}

@media print {

    header,
    footer,
    .site-header,
    .site-footer,
    .print-toolbar {

        display: none !important;

    }

    .single-yacht-page {

        margin: 0;

        padding: 0;

    }

}

/*--------------------------------------------------------------
# Brochure
--------------------------------------------------------------*/

.brochure-header {

    border-bottom: 2px solid #ddd;

    margin-bottom: 30px;

    padding-bottom: 20px;

}

.brochure-company {

    display: flex;

    align-items: center;

    gap: 30px;

}

.brochure-logo {

    max-width: 220px;

}

.brochure-company-info h2 {

    margin-bottom: 10px;

}

.brochure-company-info p {

    margin: 3px 0;

}

.brochure-price {

    margin: 30px 0;

    text-align: center;

}

.brochure-price h2 {

    font-size: 34px;

    margin-bottom: 10px;

}

.brochure-price h3 {

    font-size: 28px;

    color: #003366;

}

/*=========================================================
=            Yacht Specifications Cards
=========================================================*/

.ays-specifications-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 30px;

    align-items: start;

    margin: 35px 0;

}

.ays-spec-card {

    background: #ffffff;

    border: 1px solid #e6e9ef;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);

    transition: all .25s ease;

}

.ays-spec-card:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);

}

.ays-spec-card-header {

    background: #0f2747;

    padding: 14px 20px;

}

.ays-spec-card-header h3,
.ays-spec-card-header h4 {

    margin: 0;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: .4px;

    text-transform: uppercase;

}

.ays-spec-card-body {

    padding: 0;

}

.ays-spec-table {

    width: 100%;

    border-collapse: collapse;

}

.ays-spec-table tr {

    transition: background .2s;

}

.ays-spec-table tr:nth-child(even) {

    background: #fafbfc;

}

.ays-spec-table tr:hover {

    background: #f4f7fb;

}

.ays-spec-table th {

    width: 42%;

    padding: 13px 18px;

    text-align: left;

    vertical-align: top;

    background: #fcfcfc;

    color: #1f2937;

    font-size: 14px;

    font-weight: 600;

    border-bottom: 1px solid #ececec;

}

.ays-spec-table td {

    padding: 13px 18px;

    vertical-align: top;

    color: #4b5563;

    font-size: 14px;

    font-weight: 400;

    border-bottom: 1px solid #ececec;

    word-break: break-word;

}

.ays-spec-table tr:last-child th,
.ays-spec-table tr:last-child td {

    border-bottom: none;

}

.ays-spec-table ul {

    margin: 0;

    padding-left: 18px;

}

.ays-spec-table li {

    margin-bottom: 6px;

}

.ays-spec-table a {

    color: #0f62fe;

    text-decoration: none;

}

.ays-spec-table a:hover {

    text-decoration: underline;

}

/*----------------------------------------
Features Lists
----------------------------------------*/

.ays-spec-card ul {

    margin: 0;

    padding-left: 18px;

}

.ays-spec-card li {

    margin-bottom: 6px;

}

/*----------------------------------------
Large Desktop
----------------------------------------*/

@media (min-width:1400px) {

    .ays-specifications-grid {

        gap: 35px;

    }

}

/*----------------------------------------
Tablet
----------------------------------------*/

@media (max-width:991px) {

    .ays-specifications-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 20px;

    }

}

/*----------------------------------------
Mobile
----------------------------------------*/

@media (max-width:767px) {

    .ays-specifications-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .ays-spec-card {

        border-radius: 8px;

    }

    .ays-spec-card-header {

        padding: 12px 16px;

    }

    .ays-spec-card-header h3,
    .ays-spec-card-header h4 {

        font-size: 14px;

    }

    .ays-spec-table th,
    .ays-spec-table td {

        display: block;

        width: 100%;

        padding: 10px 14px;

    }

    .ays-spec-table th {

        border-bottom: none;

        background: #ffffff;

        padding-bottom: 2px;

    }

    .ays-spec-table td {

        padding-top: 0;

        padding-bottom: 14px;

    }

}