/*
Theme Name:   SB Plastic Surgery
Theme URI:    https://drsharmisthaplasticsurgeon.com/
Author:       MangoEngin
Author URI:   https://mangoengin.com/
Description:  Custom WordPress theme for Dr. Sharmistha Bhattacharyya — Plastic, Cosmetic & Reconstructive Surgery. Every section of the site is editable from the admin: procedures, testimonials, videos, FAQs, before/after gallery, enquiries, contact details and all home page content.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sbps
Tags:         custom-menu, custom-logo, featured-images, theme-options, translation-ready
*/

/*
 * The full design lives in assets/css/styles.css, which is enqueued by inc/enqueue.php.
 * This file carries the theme header plus a few WordPress-specific rules that the
 * static site never needed (alignment classes, comments, admin bar offsets).
 */

/* ---------- WordPress core alignment & caption classes ---------- */
.alignleft   { float: left; margin: 0 1.5rem 1rem 0; }
.alignright  { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide, .alignfull { max-width: 100%; }

.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-block-image figcaption {
    font-size: 0.85rem;
    color: var(--color-text-subtle, #9a9a9a);
    text-align: center;
    margin-top: 0.6rem;
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
}
.screen-reader-text:focus {
    clip-path: none;
    height: auto;
    width: auto;
    padding: 12px 20px;
    position: static !important;
    background: #000;
    color: #fff;
}

.sticky { display: block; }
.bypostauthor { display: block; }

/* ---------- Admin bar offset for the fixed navbar ---------- */
body.admin-bar .navbar { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .navbar { top: 46px; }
}

/* ---------- Pagination ---------- */
.sbps-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 60px auto 0;
}
.sbps-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(201, 164, 92, 0.3);
    color: var(--color-text-soft, #d8d8d8);
    text-decoration: none;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.sbps-pagination .page-numbers:hover,
.sbps-pagination .page-numbers.current {
    background: var(--color-gold-primary, #c9a45c);
    border-color: var(--color-gold-primary, #c9a45c);
    color: #0b0b0b;
}

/* ---------- Form feedback states shared by every enquiry form ---------- */
.sbps-form-status {
    display: none;
    margin-top: 16px;
    padding: 14px 18px;
    font-size: 0.92rem;
    line-height: 1.5;
    border-left: 3px solid transparent;
}
.sbps-form-status.is-visible { display: block; }
.sbps-form-status.is-success {
    background: rgba(37, 211, 102, 0.1);
    border-left-color: #25d366;
    color: #b9f0cd;
}
.sbps-form-status.is-error {
    background: rgba(220, 80, 80, 0.1);
    border-left-color: #dc5050;
    color: #f4c2c2;
}
.sbps-field-error {
    display: block;
    margin-top: 6px;
    font-size: 0.78rem;
    color: #f4a0a0;
}

/* ---------- Editor-friendly fallbacks ---------- */
.sbps-entry-content > * { max-width: 100%; }
.sbps-entry-content img { height: auto; }