.cdach-passport-notice .cd-notice-pro--passport {
max-width: 46rem;
margin: 0 auto 2.5rem;
}
.cdach-passport-notice .cd-notice-hero,
.cdach-passport-notice .cd-notice-hero--marine {
margin: 0 0 2rem;
padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 2.5vw, 2rem);
border-radius: 14px;
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 52%, #1e293b 100%);
color: #fff;
box-shadow: 0 14px 44px rgba(15, 23, 42, 0.28);
}
.cdach-passport-notice .cd-notice-hero__title {
margin: 0 0 0.65rem;
font-size: clamp(1.5rem, 3.5vw, 2rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: 0;
color: #fff;
}
.cdach-passport-notice .cd-notice-hero__lead {
margin: 0 0 0.35rem;
font-size: clamp(1.05rem, 2vw, 1.2rem);
font-weight: 600;
line-height: 1.45;
color: rgba(255, 255, 255, 0.96);
}
.cdach-passport-notice .cd-notice-hero__tagline {
margin: 0 0 1.15rem;
max-width: 38rem;
font-size: 0.98rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.9);
}
.cdach-passport-notice .cd-notice-passport-frame {
margin: 1.35rem 0 1.2rem;
padding: 1.15rem 1.2rem 1.25rem;
max-width: 26rem;
background: #fffdf8;
border: 1px solid #c4a35a;
border-radius: 16px;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}
.cdach-passport-notice .cd-notice-passport-mock {
position: relative;
margin: 0;
padding: 1.6rem 1.4rem 1.5rem 1.6rem;
min-height: 9.5rem;
max-width: none;
border-radius: 4px 14px 14px 4px;
background:
linear-gradient(90deg, #c4a35a 0 7px, transparent 7px),
linear-gradient(160deg, #1a2a4a 0%, #0f1c33 70%);
color: #f4e6c0;
box-shadow: 0 8px 18px rgba(15, 28, 51, 0.18);
}
.cdach-passport-notice .cd-notice-passport-mock__stamp {
margin: 0 0 0.45rem !important;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #e6d3a3 !important;
}
.cdach-passport-notice .cd-notice-passport-mock__line {
margin: 0 !important;
font-size: 0.95rem;
color: #fffdf8 !important;
}
.cdach-passport-notice .cd-notice-passport-mock__seal {
position: absolute;
right: 1.1rem;
bottom: 1.1rem;
display: grid;
place-items: center;
width: 2.7rem;
height: 2.7rem;
margin: 0 !important;
border-radius: 50%;
border: 1px solid rgba(228, 198, 126, 0.7);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.08em;
color: #e6d3a3 !important;
}
.cdach-passport-notice .cd-notice-hero .cd-notice-cta {
margin: 0;
}
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-block-button__link,
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-element-button,
.cdach-passport-notice .cd-notice-hero .cd-notice-cta__btn--ivory .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0.65em 1.4em;
background: #fffdf8 !important;
background-image: none !important;
color: #0f1c33 !important;
border: 1px solid #c4a35a !important;
border-radius: 999px;
font-weight: 700;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);
}
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-block-button__link:hover,
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-element-button:hover {
background: #f4e6c0 !important;
color: #0f1c33 !important;
}
.cdach-passport-notice .cd-notice-mode-card {
height: 100%;
padding: 0.85rem 0.95rem 1rem;
background: #fffdf8;
border: 1px solid rgba(196, 163, 90, 0.28);
border-radius: 10px;
}
@media (max-width: 412px) {
.cdach-passport-notice .cd-notice-hero {
padding: 1.35rem 1.05rem 1.4rem;
}
.cdach-passport-notice .cd-notice-passport-frame {
padding: 0.9rem;
max-width: none;
}
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-block-button,
.cdach-passport-notice .cd-notice-hero .cd-notice-cta .wp-block-button__link {
width: 100%;
min-height: 48px;
text-align: center;
box-sizing: border-box;
}
.cdach-passport-notice .cd-notice-cta .wp-block-button__link {
min-height: 48px;
}
}
@media (max-width: 390px) {
.cdach-passport-notice .cd-notice-hero__title {
font-size: 1.42rem;
}
.cdach-passport-notice .cd-notice-hero__lead {
font-size: 1.02rem;
}
}
@media (max-width: 320px) {
.cdach-passport-notice .cd-notice-hero {
padding: 1.15rem 0.85rem 1.2rem;
}
.cdach-passport-notice .cd-notice-passport-mock {
padding: 1.2rem 1rem 2.6rem;
}
.cdach-passport-notice .cd-notice-hero__title {
font-size: 1.32rem;
}
}