.amc-hidden{display:none}
.amc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999999999;background:#fff;color:#000;border-top:1px solid #e5e5e5;box-shadow:0 -4px 16px rgba(0,0,0,.06);font-size:14px}
.amc-banner__inner{max-width:100%;margin:0 auto;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.amc-banner__text{line-height:1.55}
.amc-banner .amc-link{color:#000 !important;text-decoration:underline}
.amc-banner .amc-actions{display:flex;gap:10px}
.amc-btn{all:unset;display:inline-block;cursor:pointer;user-select:none;border-radius:8px;padding:10px 14px;font-weight:600;font-size:14px;line-height:1;border:1px solid #000;background:#fff;color:#000;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}
.amc-btn:hover{background:#f2f2f2;color:#000;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.amc-btn.primary{background:#000;color:#fff;border-color:#000}
.amc-btn.primary:hover{background:#222;color:#fff;border-color:#222}
.amc-btn.ghost{background:#fff;color:#000;border-color:#000}
.amc-btn.ghost:hover{background:#f7f7f7;color:#000}
.amc-btn,.amc-btn:hover,.amc-btn.primary,.amc-btn.primary:hover,.amc-btn.ghost,.amc-btn.ghost:hover{text-transform:none !important;letter-spacing:normal !important;white-space: nowrap!important;}
.amc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999999999}
.amc-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);max-height:85vh;overflow:auto;background:#fff;color:#000;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:9999999999}
.amc-head{padding:20px 24px;border-bottom:1px solid #e5e5e5;font-weight:700;font-size:18px}
.amc-body{padding:16px 24px;font-size:14px;line-height:1.55}
.amc-actions--modal{padding:16px 24px;display:flex;gap:10px;border-top:1px solid #e5e5e5}
.amc-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f0f0}
.amc-col{max-width:75%}
.amc-note{font-size:12px;opacity:.7;margin-inline-start:8px;white-space:nowrap}
.amc-switch{position:relative;width:46px;height:26px;border:1px solid #ddd;border-radius:26px;background:#bbb;cursor:pointer;flex:0 0 auto}
.amc-switch input{display:none}
.amc-switch .dot{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.amc-switch.on{background:#000;color:#fff}
.amc-switch.on .dot{background:#fff;transform:translateX(20px)}
.amc-reopen{position:fixed;z-index:9999999999;width:32px;height:32px;padding:4px;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:50%;background:#fff;color:#000;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.amc-reopen img{width:100%;height:auto;}
[dir="rtl"] .amc-modal{direction:rtl}
.amc-close{position:absolute;top:10px;inset-inline-end:12px;border:none!important;background:transparent!important;font-size:18px;cursor:pointer;color:#000!important}
.amc-close:focus{outline:2px solid #000;outline-offset:2px}
@media(max-width:767px){.amc-banner__inner{flex-direction:column;align-items:flex-start}.amc-banner .amc-actions{align-self:stretch;justify-content:flex-end;width:100%}.amc-btn{flex-grow:1;text-align:center;}}
.amc-badge{display:inline-block;background:#000;color:#fff;border:1px solid #000;border-radius:8px;padding:6px 10px;font-weight:600;font-size:12px;line-height:1;user-select:none;cursor:default}

/* Credit line styles */
.amc-banner__inner {
    position: relative;
    padding-bottom: 35px; /* Make space for the credit line */
}

.amc-credit {
    position: absolute;
    bottom: 10px;
    left: 16px; /* Always on the left side */
    font-size: 12px;
    opacity: 0.7;
    white-space: nowrap;
}

[dir="rtl"] .amc-credit {
    left: auto;
    right: 16px;
}

.amc-credit a {
    color: inherit;
    text-decoration: none;
}

.amc-credit a:hover {
    text-decoration: underline;
}

/* On mobile, adjust the layout */
@media(max-width:767px){
    .amc-banner__inner {
        padding-bottom: 16px; /* Reset padding */
        flex-wrap: wrap; /* Allow items to wrap */
    }
    .amc-credit {
        position: static; /* Remove absolute positioning */
        margin-top: 12px; /* Add some space above */
        width: 100%;
        text-align: center; /* Center the text on small screens */
        order: 3; /* Make it the last item in the flex container */
    }
    .amc-banner__text {
        order: 1;
    }
    .amc-actions {
        order: 2;
    }
}
