/**
* Theme Name: Zeen Child
* Description: Zeen child theme.
* Author: Codetipi
* Template: zeen
* Version: 1.0.0
*/
.js .tmce-active .wp-editor-area {
    color: black !important;
}

.header__nav-sign-in a {
    font-weight: 900;
    font-size: 1.2em;
    line-height: 1em;
}
.header__nav-sign-in a::before {
    content: "➤";
    margin-left: 4px;
    margin-right: 4px;
    font-size: 1.5em;
    line-height: 1em;
    vertical-align: middle;
}
ul.horizontal-menu.menu-icons.ul-padding.tipi-vertical-c.tipi-flex-r.secondary-icons li.header__nav-item.header__nav-sign-in {
    margin-bottom: -4px;
}


/* === Embed centering — respect native video aspect === */
.align-fs .contents-wrap .video-wrap,
.video-wrap,
.wp-block-embed.is-type-video {
    max-width: 720px !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
}

.video-wrap iframe,
.wp-block-embed iframe {
    position: static !important;
    width: 100% !important;
    height: auto !important;
}

.video-wrap iframe[width="960"][height="720"],
.video-wrap iframe[width="1200"][height="900"] {
    aspect-ratio: 4 / 3;
}
.video-wrap iframe[width="1280"][height="720"],
.video-wrap iframe[width="1920"][height="1080"] {
    aspect-ratio: 16 / 9;
}

/* === Fusion button — greyscale with bolder shadow, content-width === */
.btn-fusion {
    display: inline-block;
    margin: 12px 4px;
    padding: 14px 32px;
    background: #ffffff;
    color: #2a2a2a;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.15s ease;
}

.btn-fusion:hover {
    background: #fafafa;
    border-color: #a0a0a0;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.10);
    color: #000;
    text-decoration: none;
    transform: translateY(-1px);
}

.btn-fusion:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10);
}

/* Center inline-block button when it's alone in its paragraph */
p:has(> .btn-fusion:only-child) {
    text-align: center;
}

.video-wrap iframe,
.wp-block-embed iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
}
a[data-rel*="prettyPhoto"] {
    padding: 3px;
}
button.btn.btn-outlined.btn-black.btn-lg {
    margin: 2px;
}