/* TGC Advertising System Styles */

/* Ad Slots — universal wrapper */
.tgc-ad-slot {
    display: block;
    max-width: 100%;
    border: 5px solid #ffffff;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0; /* prevent gap beneath inline image */
    box-sizing: border-box;
}

.tgc-ad-slot a {
    display: block;
    line-height: 0;
}

.tgc-ad-slot img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 0; /* border-radius on wrapper is enough */
}

/* Specific slot dimensions — prevent layout blowout */
.tgc-ad-slot.ad-728x90 img {
    width: 728px;
    height: 90px;
    max-width: 100%;
}

.tgc-ad-slot.ad-336x280 img {
    width: 336px;
    height: 280px;
    max-width: 100%;
}

.tgc-ad-slot.ad-300x250 img {
    width: 300px;
    height: 250px;
    max-width: 100%;
}

.tgc-ad-slot.ad-320x50 img {
    width: 320px;
    height: 50px;
    max-width: 100%;
}

.tgc-ad-slot.ad-468x60 img {
    width: 468px;
    height: 60px;
    max-width: 100%;
}

/* Widget area — constrain width to container, remove any extra card padding */
.widget .tgc-ad-slot,
.widget-area .tgc-ad-slot {
    width: 100%;
    max-width: 100%;
}

/* Dashboard Styles */
.tgc-ad-dashboard {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 1.875rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}

.tgc-ad-form .form-row {
    margin-bottom: 1.25rem;
}

.tgc-ad-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #333;
}

.tgc-ad-form input[type="text"],
.tgc-ad-form input[type="url"],
.tgc-ad-form input[type="date"],
.tgc-ad-form select {
    width: 100%;
    padding: 0.625rem;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    font-size: 1rem;
}

.tgc-ad-form .btn {
    background: #05668d;
    /* Baltic Blue */
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background 0.2s;
}

.tgc-ad-form .btn:hover {
    background: #427aa1;
}

/* User Ads List */
.user-ads-list {
    list-style: none;
    padding: 0;
}

.user-ads-list li {
    padding: 0.9375rem;
    border-bottom: 1px solid #eee;
    background: #fcfcfc;
    margin-bottom: 0.625rem;
}

.user-ads-list .status {
    padding: 0.1875rem 0.5rem;
    border-radius: 0.75rem;
    font-size: 0.85rem;
    font-weight: bold;
}

.user-ads-list .status-publish {
    background: #d4edda;
    color: #155724;
}

.user-ads-list .status-pending {
    background: #fff3cd;
    color: #856404;
}