/*
Theme Name: Pure Bullion Elementor Design Lock
Theme URI: https://example.com/
Author: Kamal Hossain
Author URI: https://linkedin.com/in/kamalhossainpro
Description: Phase 2 Elementor-editable conversion of the approved Pure Bullion Financial design. Same locked visual system with dedicated Pure Bullion Elementor widgets from header to footer.
Version: 2.4.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pure-bullion-elementor
*/

/* WordPress admin-bar compatibility only. */
@media (min-width:783px){.admin-bar .header{top:32px!important}}
@media (max-width:782px){.admin-bar .header{top:46px!important}}


/* =========================================================
   FINAL CLIENT POLISH — PRELOADER + APPROVED TEXT SIZING
   ========================================================= */

/* Premium preloader built around the client-provided Pure Bullion icon. */
.preloader{
    position:fixed!important;
    inset:0!important;
    z-index:998!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:18px!important;
    padding:24px!important;
    background:
        radial-gradient(circle at 50% 45%,rgba(229,166,37,.12),transparent 24%),
        radial-gradient(circle at 50% 50%,rgba(239,215,164,.035),transparent 42%),
        linear-gradient(180deg,#090909 0%,#070707 100%)!important;
    overflow:visible!important;
    opacity:1;
    visibility:visible;
    transition:opacity .6s cubic-bezier(.22,.61,.36,1),visibility .6s!important;
}
.preloader::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 68%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 68%);
}
.preloader.hide{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
.preloader-stage{
    position:relative;
    width:178px;
    height:178px;
    display:grid;
    place-items:center;
    animation:pbLoaderStageIn .7s cubic-bezier(.16,1,.3,1) both;
}
.preloader-stage::before,
.preloader-stage::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.preloader-stage::before{
    inset:7px;
    border:1px solid rgba(229,166,37,.42);
    border-left-color:rgba(229,166,37,.06);
    border-bottom-color:rgba(239,215,164,.16);
    box-shadow:0 0 36px rgba(229,166,37,.07);
    animation:pbLoaderRing 4.8s linear infinite;
}
.preloader-stage::after{
    inset:19px;
    border:1px dashed rgba(239,215,164,.23);
    animation:pbLoaderRingReverse 6.8s linear infinite;
}
.preloader .preloader-mark{
    position:relative!important;
    z-index:2!important;
    width:124px!important;
    height:124px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(239,215,164,.35)!important;
    background:radial-gradient(circle at 50% 45%,rgba(229,166,37,.10),rgba(229,166,37,.015) 56%,transparent 72%)!important;
    box-shadow:
        0 0 0 7px rgba(229,166,37,.035),
        0 0 44px rgba(229,166,37,.16),
        0 24px 65px rgba(0,0,0,.48)!important;
    animation:pbLoaderLogoPulse 1.8s ease-in-out infinite!important;
}
.preloader .preloader-mark::after{
    content:"";
    position:absolute;
    inset:-30%;
    z-index:3;
    background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);
    transform:translateX(-65%) rotate(8deg);
    animation:pbLoaderShine 2.4s ease-in-out infinite;
    pointer-events:none;
}
.preloader .preloader-mark img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:scale(.90)!important;
    transform-origin:center center!important;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(229,166,37,.14));
}
.preloader-copy{
    position:relative;
    z-index:2;
    display:grid;
    justify-items:center;
    gap:7px;
    text-align:center;
    animation:pbLoaderCopyIn .7s .16s cubic-bezier(.16,1,.3,1) both;
}
.preloader-copy>span{
    margin:0!important;
    font-family:var(--display)!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.28em!important;
    color:#efd7a4!important;
    text-transform:uppercase!important;
}
.preloader-copy>small{
    font-size:9px!important;
    letter-spacing:.16em!important;
    color:#857866!important;
    text-transform:uppercase!important;
}
.preloader-line{
    position:relative;
    z-index:2;
    width:148px;
    height:2px;
    margin-top:1px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(239,215,164,.10);
}
.preloader-line::after{
    content:"";
    position:absolute;
    inset:0;
    transform-origin:left center;
    background:linear-gradient(90deg,#b8750e,#e5a625,#efd7a4);
    animation:pbLoaderProgress 1.1s cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes pbLoaderStageIn{
    from{opacity:0;transform:scale(.84) translateY(8px)}
    to{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes pbLoaderCopyIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes pbLoaderRing{to{transform:rotate(360deg)}}
@keyframes pbLoaderRingReverse{to{transform:rotate(-360deg)}}
@keyframes pbLoaderLogoPulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 7px rgba(229,166,37,.035),0 0 36px rgba(229,166,37,.12),0 24px 65px rgba(0,0,0,.48)}
    50%{transform:scale(1.035);box-shadow:0 0 0 10px rgba(229,166,37,.025),0 0 54px rgba(229,166,37,.21),0 28px 70px rgba(0,0,0,.52)}
}
@keyframes pbLoaderShine{
    0%,35%{transform:translateX(-70%) rotate(8deg);opacity:0}
    48%{opacity:.65}
    62%,100%{transform:translateX(70%) rotate(8deg);opacity:0}
}
@keyframes pbLoaderProgress{
    0%{transform:translateX(-100%) scaleX(.42)}
    55%{transform:translateX(4%) scaleX(.72)}
    100%{transform:translateX(105%) scaleX(.35)}
}
@media (max-width:600px){
    .preloader-stage{width:158px;height:158px}
    .preloader .preloader-mark{width:108px!important;height:108px!important}
    .preloader-copy>span{font-size:10px!important;letter-spacing:.22em!important}
    .preloader-copy>small{font-size:8px!important}
    .preloader-line{width:132px}
}
@media (prefers-reduced-motion:reduce){
    .preloader-stage,.preloader-stage::before,.preloader-stage::after,
    .preloader .preloader-mark,.preloader .preloader-mark::after,
    .preloader-copy,.preloader-line::after{animation:none!important}
}

/* Approved custom typography supplied after visual QA. */
.market-strip-label {
    font-size: 10px !important;
}

.premium-disclaimer b {
    font-family: var(--display);
    font-size: 16px;
}

.premium-disclaimer p {
    font-size: 16px;
    line-height: 1.65;
}

.footer-v5-nav b {
    font-family: var(--display);
    font-size: 20px!important;
    letter-spacing: .15em;
    color: #e9cf99;
}

.hero-clock small {
    font-size: 16px !important;
}

.hero-clock span {
    font-size: 15px !important;
}
.hero-clock strong {
    font-size: 24px !important;
}

@media (max-width:600px){
    .preloader .preloader-mark{
        width:96px!important;
        height:96px!important;
    }
}