/*
 * Styles for the two DharmaCloud carousel shortcodes.
 *
 * Both shortcodes are registered by WPCode snippets that live in the database
 * and printed their own <style> block on every render. The PHP still lives in
 * WPCode; only the CSS has moved here.
 *
 * Enqueued when the post being rendered actually contains one of the
 * shortcodes, rather than hard-coding a page, so the CSS follows the shortcode
 * if it is used elsewhere later.
 *
 *   [dharmacloud_carousel]  -> wpcode 27722  (.tsadra-book-carousel)
 *   [dc_newbooks]           -> wpcode 27904  (.dc-newbooks)
 */

/* --- [dharmacloud_carousel] — wpcode snippet 27722 --- */
    .tsadra-book-carousel {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .tsadra-book-carousel__track {
        display: flex;
        gap: 1.5rem;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        padding-bottom: 0.5rem;
    }
    .tsadra-book-carousel__track::-webkit-scrollbar { display: none; }
    .tsadra-book-carousel__item {
        flex: 0 0 auto;
        scroll-snap-align: start;
        width: 160px;
    }
    .tsadra-book-carousel__item img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.18);
        transition: transform 0.2s ease;
    }
    .tsadra-book-carousel__item img:hover { transform: scale(1.04); }
    

/* --- [dc_newbooks] — wpcode snippet 27904 --- */
    .dc-newbooks { max-width:1100px; margin:0 auto; padding:10px 0; }
    .dc-nb-track { display:flex; gap:24px; overflow-x:auto; scroll-behavior:smooth;
        padding:12px 4px 26px; scroll-snap-type:x mandatory; }
    .dc-nb-track::-webkit-scrollbar { height:6px; }
    .dc-nb-track::-webkit-scrollbar-thumb { background:#c9a227; border-radius:3px; }
    .dc-nb-track::-webkit-scrollbar-track { background:rgba(0,0,0,0.06); }
    .dc-nb-card { flex:0 0 auto; width:175px; scroll-snap-align:start;
        text-decoration:none; color:inherit; text-align:center; }
    .dc-nb-card img { width:175px; height:263px; object-fit:cover; border-radius:3px;
        box-shadow:0 8px 22px rgba(0,0,0,0.18); transition:transform .25s ease; background:#e8e4da; }
    .dc-nb-card:hover img { transform:translateY(-6px); box-shadow:0 16px 34px rgba(0,0,0,0.24); }
    .dc-nb-title { font-family:'Cormorant Garamond','Cormorant',serif; font-size:19px;
        font-weight:600; line-height:1.3; color:#1d3d45; margin-top:12px;
        display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
    .dc-nb-controls { text-align:center; margin-top:4px; }
    .dc-nb-btn { background:none; border:1px solid #c9a227; color:#2b5560; width:44px; height:44px;
        border-radius:50%; cursor:pointer; font-size:20px; margin:0 6px; line-height:1; transition:.2s; }
    .dc-nb-btn:hover { background:#c9a227; color:#fff; }
    .dc-nb-heading { text-align:center; margin:0 0 22px; }
    .dc-nb-title-main { font-family:'Cormorant Garamond','Cormorant',serif; font-weight:500;
        font-size:34px; color:#2b5560; margin:0; letter-spacing:0.02em; }