/*!
 * Theme Name: Shapla
 * Description: Dynamically generated theme style.
 */
body,button,input,select,textarea{font-size:1.2rem;line-height:1.6;font-weight:400;font-style:normal;}
h1,h2,h3,h4,h5,h6{text-transform:none;font-weight:400;font-style:normal;}
h1{font-size:2.5rem;line-height:1.2;}
h2{font-size:2rem;line-height:1.2;}
h3{font-size:1.75rem;line-height:1.2;}
h4{font-size:1.5rem;line-height:1.2;}
h5{font-size:1.25rem;line-height:1.2;}
h6{font-size:1rem;line-height:1.2;}
.blog-grid .blog-grid-inside .entry-title{font-size:1.25rem;line-height:1.2;}

/* Additional CSS */
p:not(:last-child){margin-bottom:0.1rem}
.main-navigation a{padding:0.35rem;white-space:nowrap;font-size:1.15rem;text-decoration:none}
.site-title{text-shadow:2px 2px #000}
.aw-title{font-size:1.5rem;background-color:#e0721c;border-radius:20px;border:3px solid #000000}
.card-body{padding:1rem;font-size:1rem;color:white}
.aw-title a{color:#ffffff}
.card{border:3px solid #000000;background-color:#393e46}
.main-navigation{background-color:#e0721c;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom:1px solid #000;box-shadow:5px 5px #000;border-bottom:1px solid #000}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;margin:0;padding:0}
.room-subject-container{text-align:center;margin-top:20px;padding-bottom:10px;border-bottom:2px solid #ddd;overflow:hidden}
.room-subject{font-size:1.8em;font-weight:bold;color:#555;margin:0;padding:0 15px}
.embed-room{margin-top:20px;text-align:center}
.iframe-wrapper{width:100%;max-width:850px;margin:0 auto;overflow:hidden;padding-top:10px}
.iframe-wrapper iframe{width:100%;height:auto;border-radius:8px;border:none;display:block}
.button-container{text-align:center;margin-top:20px}
.chatroom-button{display:inline-block;padding:15px 30px;font-size:18px;font-weight:bold;color:#ffffff;background-color:#FF4081;border-radius:8px;text-decoration:none;transition:background-color 0.3s ease}
.chatroom-button:hover{background-color:#E91E63}
.webcam-room-container{max-width:850px;margin:20px auto;padding:15px;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);overflow:hidden}
.room-details{list-style-type:none;padding:0;margin:0}
.room-details li{margin-bottom:8px;font-size:16px;color:#333}
.room-details li strong{font-weight:bold;color:#444}
@media (max-width:768px){.room-subject{font-size:1.5em}
.iframe-wrapper iframe{height:300px}
.room-details li{font-size:14px}
}
.grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.grid-item{flex:1 1 25%;max-width:25%}
.large-card{flex:1 1 50%;max-width:50%}
@media (max-width:768px){.grid-item{flex:1 1 50%;max-width:50%}
}
@media (max-width:480px){.grid-item{flex:1 1 100%;max-width:100%}
}
.model-card{position:relative;overflow:hidden;transition:transform 0.3s ease}
.model-card:hover{transform:scale(1.02)}
.model-card img,.model-card .model-video{width:100%;height:auto;transition:opacity 0.3s ease}
.model-video{position:absolute;top:0;left:0;display:none;object-fit:cover;width:100%;height:100%;z-index:1}
.model-card:hover img{opacity:0}
.model-card:hover .model-video{display:block;opacity:1}
.aw-online-status .flashing-green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#4caf50;margin-right:5px;animation:flash 1.5s infinite}
@keyframes flash{0%,100%{opacity:1}
50%{opacity:0.5}
}
.profile_header{font-size:2.5rem;background-color:#f4f3f1;border-radius:20px;border:3px solid #000000;max-width:fit-content;padding:5px;margin-top:10px}
.cb-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.cb-grid-item{flex:1 1 22%;max-width:22%}
@media (max-width:768px){.cb-grid-item{flex:1 1 48%;max-width:48%}
}
@media (max-width:480px){.cb-grid-item{flex:1 1 100%;max-width:100%}
}
.cb-model-card{position:relative;overflow:hidden;transition:transform 0.3s ease;background-color:#393e46;border:3px solid #f96d00}
.cb-model-card:hover{transform:scale(1.02)}
.cb-model-card img,.cb-model-card .cb-model-video{width:100%;height:auto;transition:opacity 0.3s ease}
.cb-model-card img{display:block}
.cb-model-card:hover img{opacity:0.5}
.cb-model-info{padding:8px;text-align:center}
.cb-model-info h5{margin:8px 0;font-size:16px;color:#fff}
.cb-model-info p{font-size:14px;color:#fff}
.cb-grid-wrapper .model-card:hover img{opacity:1!important}
.cb-grid-wrapper .grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.cb-grid-wrapper .grid-item{flex:1 1 24%;max-width:24%;margin-bottom:1rem}
.cb-grid-wrapper .card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}
.cb-grid-wrapper .card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}
.cb-grid-wrapper .card-img-top{width:100%;height:auto;border-bottom:1px solid #ddd}
.cb-grid-wrapper .aw-title a{font-size:1.2rem;font-weight:bold;color:#333;text-decoration:none}
.cb-grid-wrapper .aw-title a:hover{text-decoration:underline}
.cb-grid-wrapper .aw-age{font-size:1rem;color:#555}
.cb-grid-wrapper .aw-online-status{font-size:0.9rem;color:#28a745;margin-top:0.5rem}
.cb-grid-wrapper .aw-summary{font-size:0.9rem;color:#666;margin-top:0.5rem}
.book_button{background-color:#e0721c;color:white;font-size:2rem;box-shadow:2px 2px #000}