/*
 Theme Name:   Ashe Child
 Description:  Ms Miles Travel Credit Card Searcher
 Template:     ashe
 ...
*/

:root {
    --ms-miles-teal: #2F9D9D;
    --ms-miles-dark: #114040;
    --ms-miles-bg: #f4f7f7;
    --ms-miles-pro: #2d8a2d;
    --ms-miles-con: #c0392b;
}

.cc-widget { font-family: 'Poppins', sans-serif; background: var(--ms-miles-bg); padding: 2rem; border-radius: 12px; }

/* Card Styling */
.cc-card { 
    background: white; border-radius: 15px; padding: 20px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease;
    border: 1px solid #e0e0e0; margin-bottom: 20px;
}
.cc-card:hover { transform: translateY(-5px); border-color: var(--ms-miles-teal); }

/* Pros & Cons Sections */
.cc-analysis { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 15px 0; padding-top: 15px; border-top: 1px dashed #ddd; }
.cc-pro-list, .cc-con-list { list-style: none; padding: 0; font-size: 0.85rem; }
.cc-pro-list li::before { content: "✔"; color: var(--ms-miles-pro); margin-right: 8px; font-weight: bold; }
.cc-con-list li::before { content: "✖"; color: var(--ms-miles-con); margin-right: 8px; font-weight: bold; }

.cc-analysis-label { font-weight: bold; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; display: block; }
.label-pro { color: var(--ms-miles-pro); }
.label-con { color: var(--ms-miles-con); }

/* CTA Button */
.cc-apply-btn { 
    background: var(--ms-miles-teal); color: white; text-align: center; 
    display: block; padding: 12px; border-radius: 8px; text-decoration: none;
    font-weight: 600; margin-top: 15px;
}
.cc-apply-btn:hover { background: var(--ms-miles-dark); color: white; }

@media (max-width: 768px) {
    .cc-analysis { grid-template-columns: 1fr; }
}