/* YCT Digital Business Card v7 — black premium mobile layout */
html,body.single-yct_employee{margin:0!important;padding:0!important;background:#08090c!important}
body.single-yct_employee{overflow-x:hidden!important}
body.single-yct_employee .site-header,body.single-yct_employee header.site-header,body.single-yct_employee .site-footer,body.single-yct_employee footer.site-footer,body.single-yct_employee .entry-header,body.single-yct_employee .entry-footer,body.single-yct_employee .widget-area,body.single-yct_employee aside{display:none!important}
body.single-yct_employee #page,body.single-yct_employee .site,body.single-yct_employee #content,body.single-yct_employee .site-content,body.single-yct_employee .content-area,body.single-yct_employee .site-main,body.single-yct_employee article,body.single-yct_employee .entry-content,body.single-yct_employee .container,body.single-yct_employee .content-wrap,body.single-yct_employee .wp-site-blocks,body.single-yct_employee .elementor-location-single,body.single-yct_employee .elementor-section-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.single-yct_employee .elementor-container,body.single-yct_employee .elementor-column,body.single-yct_employee .elementor-widget-wrap,body.single-yct_employee .elementor-widget-container{max-width:none!important;margin:0!important;padding:0!important}
.yct-card-shell{position:relative;left:50%;width:100vw!important;max-width:100vw!important;min-height:100vh;margin:0 0 0 -50vw!important;padding:0 0 calc(104px + env(safe-area-inset-bottom))!important;box-sizing:border-box;background:#08090c;color:#f7f7f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.yct-card{width:100%;max-width:none;min-height:100vh;margin:0;background:linear-gradient(180deg,#090a0d 0%,#111318 58%,#08090c 100%);border:0;border-radius:0;overflow:hidden;box-shadow:none;padding:0 0 12px;box-sizing:border-box}
.yct-hero{height:clamp(420px,112vw,690px);min-height:420px;position:relative;overflow:hidden;background:linear-gradient(180deg,#25272c 0%,#45474d 54%,#17191e 100%)}
.yct-hero-photo{position:absolute;inset:0}.yct-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.yct-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:90px;color:#ddd}
.yct-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.94) 100%)}
.yct-hero-content{position:absolute;left:7%;right:7%;bottom:26px;color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.yct-hero-content h1{font-size:clamp(30px,7vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.8px;color:#fff;margin:0 0 9px}.yct-role{margin:0;color:#d6d7db;font-size:clamp(15px,3.7vw,20px);font-weight:600}
.yct-icon-actions{display:flex;justify-content:center;gap:clamp(15px,5vw,30px);padding:25px 16px 30px;background:#101216}
.yct-icon-actions a{width:clamp(56px,15vw,72px);height:clamp(56px,15vw,72px);flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#111318!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(0,0,0,.28);transition:transform .18s ease,background .18s ease}
.yct-icon-actions a:active{transform:scale(.94);background:#dedfe2}
.yct-icon-actions svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.yct-glass-panel{position:relative;margin:0 6% 24px;padding:25px 21px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f7f7f8;text-align:center}
.yct-glass-panel h2{font-size:clamp(22px,5.5vw,29px);font-weight:800;color:#fff;margin:0 0 15px;line-height:1.2}
.yct-glass-panel p{font-size:15px;line-height:1.75;color:#d8d9dd;margin:0}
.yct-professional div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.13);font-size:14px}.yct-professional span{color:#b8bbc2}.yct-professional strong{color:#fff}
.yct-catalogue{display:flex;align-items:center;justify-content:center;margin:0 6% 24px;min-height:54px;border-radius:14px;background:#f4f4f5;color:#111318!important;text-decoration:none!important;font-weight:750;font-size:15px}
.yct-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.yct-socials a{padding:10px 14px;border-radius:11px;background:#252830;border:1px solid #3b3e46;color:#f4f4f5!important;text-decoration:none!important;font-size:13px;font-weight:650}
.yct-request-area{text-align:left;margin-top:26px}.yct-request-area h2{text-align:center}
.yct-form{display:flex;flex-direction:column;gap:8px}.yct-form label{font-size:13px;font-weight:700;color:#e5e5e7;margin-top:7px}.yct-form input,.yct-form textarea{width:100%;box-sizing:border-box;border:1px solid #444750;border-radius:11px;background:#1c1f25;padding:14px;font:inherit;font-size:14px;color:#fff;min-height:48px}.yct-form input:focus,.yct-form textarea:focus{outline:2px solid #aeb1b8;outline-offset:1px}.yct-form button{border:0;border-radius:12px;background:#f3f3f4;color:#101115;font-size:14px;font-weight:800;padding:15px;margin-top:9px;cursor:pointer}
.yct-notice{padding:12px;border-radius:10px;margin:0 0 14px;font-size:13px}.yct-success{background:#e7f9ef;color:#176b3a}.yct-error{background:#fff0f0;color:#a22}.yct-hp{position:absolute;left:-10000px}
.yct-footer{text-align:center;color:#777b84;font-size:11px;padding:18px 20px 28px;letter-spacing:1.1px}
.yct-bottom-dock{position:fixed;z-index:99999;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-evenly;gap:12px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:rgba(10,11,14,.97);border-top:1px solid rgba(255,255,255,.13);box-shadow:0 -8px 25px rgba(0,0,0,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.yct-bottom-dock>a:not(.yct-dock-save),.yct-bottom-dock>button{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#24272e;color:#fff!important;text-decoration:none!important;font-size:25px;font-weight:700;cursor:pointer}
.yct-bottom-dock>a:active,.yct-bottom-dock>button:active{transform:scale(.95)}
.yct-dock-save{flex:0 1 170px;min-width:135px;height:54px;border-radius:30px;background:#f3f3f4;color:#111318!important;text-decoration:none!important;display:flex;align-items:center;justify-content:space-around;font-size:14px;font-weight:800;line-height:1.15}
.yct-dock-save b{width:42px;height:42px;border:1.5px solid #b8bac0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}
.yct-bottom-dock{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
@media(min-width:760px){.yct-card-shell{width:100vw!important;max-width:100vw!important}.yct-card{max-width:560px;margin:0 auto;min-height:100vh}.yct-hero{height:560px}.yct-glass-panel{margin-left:30px;margin-right:30px}.yct-catalogue{margin-left:30px;margin-right:30px}.yct-bottom-dock{left:50%;right:auto;transform:translateX(-50%);width:560px;border-radius:18px 18px 0 0}}
@media(max-width:380px){.yct-icon-actions{gap:12px}.yct-icon-actions a{width:54px;height:54px}.yct-bottom-dock{gap:8px;padding-left:10px;padding-right:10px}.yct-bottom-dock>a:not(.yct-dock-save),.yct-bottom-dock>button{width:47px;height:47px;flex-basis:47px}.yct-dock-save{min-width:125px;font-size:12px}}

/* v7.1: prevent narrow Experience label and wrap long text cleanly */
.yct-professional div{
 display:grid!important;
 grid-template-columns:minmax(105px,34%) minmax(0,1fr)!important;
 align-items:start!important;column-gap:12px!important;width:100%!important;box-sizing:border-box!important;
}
.yct-professional div span{
 display:block!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;
 line-height:1.5!important;text-align:left!important;
}
.yct-professional div strong{
 display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;writing-mode:horizontal-tb!important;
 line-height:1.55!important;text-align:right!important;
}
@media(max-width:420px){
 .yct-professional div{grid-template-columns:minmax(100px,36%) minmax(0,1fr)!important;column-gap:9px!important}
 .yct-professional div span,.yct-professional div strong{font-size:13px!important}
}

/* v7.2 — refined iOS-inspired frosted glass contact controls */
.yct-icon-actions{
 gap:clamp(14px,4.5vw,26px)!important;
 padding:24px 18px 30px!important;
 background:linear-gradient(180deg,#101216 0%,#15171c 100%)!important;
}
.yct-icon-actions a{
 width:clamp(58px,15vw,70px)!important;
 height:clamp(58px,15vw,70px)!important;
 background:linear-gradient(145deg,rgba(255,255,255,.27),rgba(255,255,255,.09))!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.48)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.42),0 8px 22px rgba(0,0,0,.28)!important;
 backdrop-filter:blur(22px) saturate(180%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
}
.yct-icon-actions svg{
 width:27px!important;height:27px!important;
 fill:none;stroke:currentColor;stroke-width:1.9;
 stroke-linecap:round;stroke-linejoin:round;
}
.yct-icon-actions svg.yct-whatsapp-svg{
 width:27px!important;height:27px!important;
 fill:currentColor!important;stroke:none!important;
}
.yct-bottom-dock{
 background:rgba(25,27,32,.66)!important;
 border-top:1px solid rgba(255,255,255,.22)!important;
 box-shadow:0 -8px 30px rgba(0,0,0,.24)!important;
 backdrop-filter:blur(28px) saturate(180%)!important;
 -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
}
.yct-bottom-dock>a:not(.yct-dock-save),.yct-bottom-dock>button{
 background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.38)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 5px 16px rgba(0,0,0,.2)!important;
 backdrop-filter:blur(18px)!important;
 -webkit-backdrop-filter:blur(18px)!important;
}
.yct-dock-save{
 background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.13))!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.5)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 5px 18px rgba(0,0,0,.2)!important;
 backdrop-filter:blur(20px)!important;
 -webkit-backdrop-filter:blur(20px)!important;
}
.yct-dock-save b{border-color:rgba(255,255,255,.6)!important;color:#fff!important}
@media(hover:hover){
 .yct-icon-actions a:hover,.yct-bottom-dock>a:hover,.yct-bottom-dock>button:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(255,255,255,.16))!important;
  transform:translateY(-2px);
 }
}

/* v7.3: force a readable two-column experience row against theme/Elementor CSS */
body.single-yct_employee .yct-card .yct-professional div{
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:flex-start!important;
 justify-content:flex-start!important;
 gap:14px!important;
 width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
}
body.single-yct_employee .yct-card .yct-professional div span{
 display:block!important;
 flex:0 0 112px!important;
 width:112px!important;
 min-width:112px!important;
 max-width:112px!important;
 writing-mode:horizontal-tb!important;
 white-space:normal!important;
 word-break:keep-all!important;
 overflow-wrap:normal!important;
 text-align:left!important;
 line-height:1.55!important;
 box-sizing:border-box!important;
}
body.single-yct_employee .yct-card .yct-professional div strong{
 display:block!important;
 flex:1 1 0!important;
 width:auto!important;
 min-width:0!important;
 max-width:none!important;
 writing-mode:horizontal-tb!important;
 white-space:normal!important;
 word-break:normal!important;
 overflow-wrap:anywhere!important;
 text-align:left!important;
 line-height:1.55!important;
 box-sizing:border-box!important;
}
@media(max-width:420px){
 body.single-yct_employee .yct-card .yct-professional div{gap:9px!important}
 body.single-yct_employee .yct-card .yct-professional div span{
  flex-basis:100px!important;width:100px!important;min-width:100px!important;max-width:100px!important;
  font-size:13px!important;
 }
 body.single-yct_employee .yct-card .yct-professional div strong{font-size:13px!important}
}
/* Stronger, visible frosted-glass treatment on every round contact icon */
body.single-yct_employee .yct-card .yct-icon-actions a{
 background:rgba(255,255,255,.13)!important;
 background-image:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.055))!important;
 border:1px solid rgba(255,255,255,.52)!important;
 color:#f7f7f8!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.38),inset 0 -1px 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.32)!important;
 backdrop-filter:blur(24px) saturate(190%)!important;
 -webkit-backdrop-filter:blur(24px) saturate(190%)!important;
}
body.single-yct_employee .yct-card .yct-icon-actions svg{
 opacity:1!important;
 color:#f7f7f8!important;
 stroke:#f7f7f8!important;
}
body.single-yct_employee .yct-card .yct-icon-actions svg.yct-whatsapp-svg{
 fill:#f7f7f8!important;
 stroke:none!important;
 opacity:1!important;
}
body.single-yct_employee .yct-card .yct-bottom-dock>a:not(.yct-dock-save),
body.single-yct_employee .yct-card .yct-bottom-dock>button{
 background:rgba(255,255,255,.12)!important;
 background-image:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.045))!important;
 border:1px solid rgba(255,255,255,.4)!important;
 backdrop-filter:blur(24px) saturate(180%)!important;
 -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
}