<?php
/**
 * CosmautDL Preset Themes CSS
 * Preset theme stylesheet for download cards and sections
 * Replaces inline style with CSS class selectors for WordPress.org compliance
 *
 * Theme colors defined in admin settings:
 * - blue, green, purple, orange, red, gray
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/* ==========================================================================
   Preset Theme: Custom Links Cards
   ========================================================================== */

/* Blue Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-blue {
    border-color: #acd0f9;
    background-color: #e8f2fd;
}
.cosmdl-custom-links.cosmdl-theme-blue .cosmdl-custom-links-title {
    color: #4285f4;
}

/* Green Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-green {
    border-color: #a8dbc1;
    background-color: #e7f5ee;
}
.cosmdl-custom-links.cosmdl-theme-green .cosmdl-custom-links-title {
    color: #34a853;
}

/* Purple Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-purple {
    border-color: #e1bbfc;
    background-color: #f7edfe;
}
.cosmdl-custom-links.cosmdl-theme-purple .cosmdl-custom-links-title {
    color: #a256e3;
}

/* Orange Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-orange {
    border-color: #f9d69f;
    background-color: #fdf3e4;
}
.cosmdl-custom-links.cosmdl-theme-orange .cosmdl-custom-links-title {
    color: #fbbc05;
}

/* Red Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-red {
    border-color: #ffb7b2;
    background-color: #fff5f4;
}
.cosmdl-custom-links.cosmdl-theme-red .cosmdl-custom-links-title {
    color: #ea4335;
}

/* Gray Theme - Custom Links */
.cosmdl-custom-links.cosmdl-theme-gray {
    border-color: #d1d5db;
    background-color: #f5f6f8;
}
.cosmdl-custom-links.cosmdl-theme-gray .cosmdl-custom-links-title {
    color: #64748b;
}

/* ==========================================================================
   Preset Theme: Drive Cards (Pan Cards)
   ========================================================================== */

/* Blue Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-blue {
    --pan-border: #acd0f9;
    --pan-bg: #e8f2fd;
    --pan-text: #4285f4;
}
.cosmdl-pan-group.cosmdl-theme-blue .cosmdl-pan-btn {
    border-color: #acd0f9;
    background-color: #e8f2fd;
    color: #4285f4;
}
.cosmdl-pan-group.cosmdl-theme-blue .cosmdl-pan-btn:hover {
    background-color: #d0e6fd;
    border-color: #8abcf7;
}

/* Green Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-green {
    --pan-border: #a8dbc1;
    --pan-bg: #e7f5ee;
    --pan-text: #34a853;
}
.cosmdl-pan-group.cosmdl-theme-green .cosmdl-pan-btn {
    border-color: #a8dbc1;
    background-color: #e7f5ee;
    color: #34a853;
}
.cosmdl-pan-group.cosmdl-theme-green .cosmdl-pan-btn:hover {
    background-color: #d5ebdf;
    border-color: #8ccc9f;
}

/* Purple Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-purple {
    --pan-border: #e1bbfc;
    --pan-bg: #f7edfe;
    --pan-text: #a256e3;
}
.cosmdl-pan-group.cosmdl-theme-purple .cosmdl-pan-btn {
    border-color: #e1bbfc;
    background-color: #f7edfe;
    color: #a256e3;
}
.cosmdl-pan-group.cosmdl-theme-purple .cosmdl-pan-btn:hover {
    background-color: #ecdcfc;
    border-color: #d29dfa;
}

/* Orange Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-orange {
    --pan-border: #f9d69f;
    --pan-bg: #fdf3e4;
    --pan-text: #fbbc05;
}
.cosmdl-pan-group.cosmdl-theme-orange .cosmdl-pan-btn {
    border-color: #f9d69f;
    background-color: #fdf3e4;
    color: #fbbc05;
}
.cosmdl-pan-group.cosmdl-theme-orange .cosmdl-pan-btn:hover {
    background-color: #fce8cc;
    border-color: #f7c47f;
}

/* Red Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-red {
    --pan-border: #ffb7b2;
    --pan-bg: #fff5f4;
    --pan-text: #ea4335;
}
.cosmdl-pan-group.cosmdl-theme-red .cosmdl-pan-btn {
    border-color: #ffb7b2;
    background-color: #fff5f4;
    color: #ea4335;
}
.cosmdl-pan-group.cosmdl-theme-red .cosmdl-pan-btn:hover {
    background-color: #ffe8e6;
    border-color: #ff948d;
}

/* Gray Theme - Drive Cards */
.cosmdl-pan-group.cosmdl-theme-gray {
    --pan-border: #d1d5db;
    --pan-bg: #f5f6f8;
    --pan-text: #64748b;
}
.cosmdl-pan-group.cosmdl-theme-gray .cosmdl-pan-btn {
    border-color: #d1d5db;
    background-color: #f5f6f8;
    color: #64748b;
}
.cosmdl-pan-group.cosmdl-theme-gray .cosmdl-pan-btn:hover {
    background-color: #e8ebef;
    border-color: #b5bbc7;
}

/* ==========================================================================
   Preset Theme: File Info Cards
   ========================================================================== */

/* Blue Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-blue {
    --card-rgb: 63,131,248;
    --card-border: #acd0f9;
    --card-bg: #e8f2fd;
}
.cosmdl-card.cosmdl-theme-blue .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(63,131,248,0.08), rgba(63,131,248,0.02));
    border-bottom-color: #acd0f9;
}
.cosmdl-card.cosmdl-theme-blue .cosmdl-card-title {
    color: #4285f4;
}

/* Green Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-green {
    --card-rgb: 34,197,94;
    --card-border: #a8dbc1;
    --card-bg: #e7f5ee;
}
.cosmdl-card.cosmdl-theme-green .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(34,197,94,0.08), rgba(34,197,94,0.02));
    border-bottom-color: #a8dbc1;
}
.cosmdl-card.cosmdl-theme-green .cosmdl-card-title {
    color: #34a853;
}

/* Purple Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-purple {
    --card-rgb: 124,58,237;
    --card-border: #e1bbfc;
    --card-bg: #f7edfe;
}
.cosmdl-card.cosmdl-theme-purple .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(124,58,237,0.08), rgba(124,58,237,0.02));
    border-bottom-color: #e1bbfc;
}
.cosmdl-card.cosmdl-theme-purple .cosmdl-card-title {
    color: #a256e3;
}

/* Orange Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-orange {
    --card-rgb: 245,158,11;
    --card-border: #f9d69f;
    --card-bg: #fdf3e4;
}
.cosmdl-card.cosmdl-theme-orange .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(245,158,11,0.08), rgba(245,158,11,0.02));
    border-bottom-color: #f9d69f;
}
.cosmdl-card.cosmdl-theme-orange .cosmdl-card-title {
    color: #fbbc05;
}

/* Red Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-red {
    --card-rgb: 239,68,68;
    --card-border: #ffb7b2;
    --card-bg: #fff5f4;
}
.cosmdl-card.cosmdl-theme-red .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(239,68,68,0.08), rgba(239,68,68,0.02));
    border-bottom-color: #ffb7b2;
}
.cosmdl-card.cosmdl-theme-red .cosmdl-card-title {
    color: #ea4335;
}

/* Gray Theme - File Info Cards */
.cosmdl-card.cosmdl-theme-gray {
    --card-rgb: 107,114,128;
    --card-border: #d1d5db;
    --card-bg: #f5f6f8;
}
.cosmdl-card.cosmdl-theme-gray .cosmdl-card-header {
    background: linear-gradient(90deg, rgba(107,114,128,0.08), rgba(107,114,128,0.02));
    border-bottom-color: #d1d5db;
}
.cosmdl-card.cosmdl-theme-gray .cosmdl-card-title {
    color: #64748b;
}

/* ==========================================================================
   Preset Theme: Statement Preview Cards
   ========================================================================== */

/* Blue Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-blue {
    border-color: #acd0f9;
    background-color: #e8f2fd;
}
.cosmdl-statement.cosmdl-theme-blue .cosmdl-statement-title {
    color: #4285f4;
}

/* Green Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-green {
    border-color: #a8dbc1;
    background-color: #e7f5ee;
}
.cosmdl-statement.cosmdl-theme-green .cosmdl-statement-title {
    color: #34a853;
}

/* Purple Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-purple {
    border-color: #e1bbfc;
    background-color: #f7edfe;
}
.cosmdl-statement.cosmdl-theme-purple .cosmdl-statement-title {
    color: #a256e3;
}

/* Orange Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-orange {
    border-color: #f9d69f;
    background-color: #fdf3e4;
}
.cosmdl-statement.cosmdl-theme-orange .cosmdl-statement-title {
    color: #fbbc05;
}

/* Red Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-red {
    border-color: #ffb7b2;
    background-color: #fff5f4;
}
.cosmdl-statement.cosmdl-theme-red .cosmdl-statement-title {
    color: #ea4335;
}

/* Gray Theme - Statement Cards */
.cosmdl-statement.cosmdl-theme-gray {
    border-color: #d1d5db;
    background-color: #f5f6f8;
}
.cosmdl-statement.cosmdl-theme-gray .cosmdl-statement-title {
    color: #64748b;
}

/* ==========================================================================
   Preset Theme: Download Button
   ========================================================================== */

/* Blue Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-blue {
    border-color: #4285f4;
    background: linear-gradient(180deg, #4285f4, #3367d9);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-blue:hover {
    box-shadow: 0 8px 30px rgba(66, 133, 244, 0.35);
    transform: translateY(-1px);
}

/* Green Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-green {
    border-color: #22c55e;
    background: linear-gradient(180deg, #22c55e, #16a34a);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-green:hover {
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.35);
    transform: translateY(-1px);
}

/* Purple Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-purple {
    border-color: #a256e3;
    background: linear-gradient(180deg, #a256e3, #8b3fd9);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-purple:hover {
    box-shadow: 0 8px 30px rgba(162, 86, 227, 0.35);
    transform: translateY(-1px);
}

/* Orange Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-orange {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #f59e0b, #d97706);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-orange:hover {
    box-shadow: 0 8px 30px rgba(245, 158, 11, 0.35);
    transform: translateY(-1px);
}

/* Red Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-red {
    border-color: #ef4444;
    background: linear-gradient(180deg, #ef4444, #dc2626);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-red:hover {
    box-shadow: 0 8px 30px rgba(239, 68, 68, 0.35);
    transform: translateY(-1px);
}

/* Gray Theme - Download Button */
.cosmdl-download-btn.cosmdl-theme-gray {
    border-color: #6b7280;
    background: linear-gradient(180deg, #6b7280, #4b5563);
    color: #fff;
}
.cosmdl-download-btn.cosmdl-theme-gray:hover {
    box-shadow: 0 8px 30px rgba(107, 114, 128, 0.35);
    transform: translateY(-1px);
}

/* ==========================================================================
   Preset Theme: QR Code Section
   ========================================================================== */

/* Blue Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-blue {
    border-color: #acd0f9;
    background-color: #e8f2fd;
}
.cosmdl-qr-section.cosmdl-theme-blue .cosmdl-section-title {
    color: #4285f4;
}

/* Green Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-green {
    border-color: #a8dbc1;
    background-color: #e7f5ee;
}
.cosmdl-qr-section.cosmdl-theme-green .cosmdl-section-title {
    color: #34a853;
}

/* Purple Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-purple {
    border-color: #e1bbfc;
    background-color: #f7edfe;
}
.cosmdl-qr-section.cosmdl-theme-purple .cosmdl-section-title {
    color: #a256e3;
}

/* Orange Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-orange {
    border-color: #f9d69f;
    background-color: #fdf3e4;
}
.cosmdl-qr-section.cosmdl-theme-orange .cosmdl-section-title {
    color: #fbbc05;
}

/* Red Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-red {
    border-color: #ffb7b2;
    background-color: #fff5f4;
}
.cosmdl-qr-section.cosmdl-theme-red .cosmdl-section-title {
    color: #ea4335;
}

/* Gray Theme - QR Section */
.cosmdl-qr-section.cosmdl-theme-gray {
    border-color: #d1d5db;
    background-color: #f5f6f8;
}
.cosmdl-qr-section.cosmdl-theme-gray .cosmdl-section-title {
    color: #64748b;
}