/*
Theme Name: Newspaper Child
Theme URI: http://tagdiv.com
Template: Newspaper
Author: Marga Bagus
Author URI: https://margabagus.com
Description: Child theme for Newspaper Theme by TagDiv
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newspaper-child
*/

/* Import parent theme style */
@import url("../Newspaper/style.css");

/* Custom Styles */
#newspaper-child-login-form {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

#newspaper-child-login-form .login-logo {
    text-align: center;
    margin-bottom: 20px;
}

#newspaper-child-login-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#newspaper-child-login-form .input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#newspaper-child-login-form .button {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    background: #2271b1;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

#newspaper-child-login-form .button:hover {
    background: #135e96;
}

#newspaper-child-login-form .login-error {
    background: #ffebe8;
    border: 1px solid #c00;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}

#newspaper-child-login-form #nav {
    text-align: center;
    margin-top: 15px;
}

/* Fix untuk tampilan komentar */
.comments-area {
    display: block !important;
    margin-top: 30px;
    clear: both;
}

/* Styling untuk form newsletter */
.newspaper-child-newsletter-box {
    margin: 40px 0;
    padding: 30px;
    background-color: #f7f7f7;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    clear: both;
}

.newspaper-child-newsletter-box h3 {
    margin-top: 0;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.newspaper-child-newsletter-box p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #555;
}

 /* CSS untuk tabel responsif yang benar-benar terbatas pada container */
  .space-missions-container {
    width: 100%; /* Gunakan 100% dari lebar parent */
    max-width: 100%; /* Pastikan tidak melebihi container */
    margin: 0 0 20px 0;
    overflow-x: auto; /* Izinkan scroll horizontal */
    background-color: #111;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    -webkit-overflow-scrolling: touch; /* Untuk scroll yang lebih smooth */
    display: block; /* Penting untuk memastikan container membungkus dengan benar */
    position: relative; /* Untuk positioning indikator scroll */
  }
  
  .space-missions-table {
    width: 100%; /* Gunakan 100% dari lebar parent */
    border-collapse: collapse;
    font-family: inherit;
    margin: 0;
    color: #fff;
  }
  
  .space-missions-table thead {
    background-color: #222;
  }
  
  .space-missions-table th {
    padding: 12px 15px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #444;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap; /* Mencegah header wrap text agar konsisten */
  }
  
  .space-missions-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #333;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
  }
  
  .space-missions-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .mission-title {
    font-weight: bold;
    color: #f7c728;
  }
  
  /* Indikator scroll */
  .scroll-indicator {
    text-align: center;
    padding: 5px;
    font-size: 12px;
    color: #999;
    background-color: #222;
    margin-top: 5px;
  }
  
  /* Penyesuaian untuk tampilan mobile */
  @media screen and (max-width: 767px) {
    .scroll-indicator {
      display: none; /* Sembunyikan indikator scroll di mobile */
    }
    
    .space-missions-table thead {
      display: none;
    }
    
    .space-missions-table, 
    .space-missions-table tbody, 
    .space-missions-table tr, 
    .space-missions-table td {
      display: block;
      width: 100% !important;
    }
    
    .space-missions-table tr {
      margin-bottom: 20px;
      border-bottom: 2px solid #444;
    }
    
    .space-missions-table td {
      text-align: right;
      position: relative;
      padding-left: 50%;
      min-height: 30px;
    }
    
    .space-missions-table td::before {
      content: attr(data-label);
      position: absolute;
      left: 15px;
      width: 45%;
      padding-right: 10px;
      text-align: left;
      font-weight: bold;
      color: #aaa;
    }
    
    .space-missions-table td:first-child {
      text-align: center;
      padding-left: 15px;
      background-color: #222;
    }
    
    .space-missions-table td:first-child::before {
      display: none;
    }
  }

/* Customized MailPoet form styling */
.mailpoet_form {
    padding: 0 !important;
    background: transparent !important;
}

.mailpoet_paragraph {
    margin-bottom: 15px !important;
}

.mailpoet_text, 
.mailpoet_textarea, 
.mailpoet_select, 
.mailpoet_date_month, 
.mailpoet_date_day, 
.mailpoet_date_year, 
.mailpoet_date {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}

.mailpoet_submit {
    width: 100% !important;
    background-color: #2271b1 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    font-size: 14px !important;
}

.mailpoet_submit:hover {
    background-color: #135e96 !important;
}

.mailpoet_validate_success {
    color: #007a37 !important;
    font-weight: normal !important;
}

.mailpoet_validate_error {
    color: #c94141 !important;
    font-weight: normal !important;
}

/* CSS Styling untuk Form Langganan & Kelola Langganan MailPoet 
   Tambahkan code ini ke style.css pada child theme Anda */

/* === STYLING FORM KELOLA LANGGANAN === */

/* Container utama form kelola langganan */
.mailpoet_manage_subscription {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Judul dan paragraf deskripsi */
.mailpoet-subscription-page h1 {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.mailpoet-page-intro {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 25px;
}

/* Label form */
.mailpoet_manage_subscription label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
    font-size: 15px;
}

/* Bidang input form */
.mailpoet_manage_subscription input[type="text"],
.mailpoet_manage_subscription input[type="email"],
.mailpoet_manage_subscription select,
.mailpoet_manage_subscription textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) inset;
    transition: all 0.3s ease;
}

.mailpoet_manage_subscription input[type="text"]:focus,
.mailpoet_manage_subscription input[type="email"]:focus,
.mailpoet_manage_subscription select:focus,
.mailpoet_manage_subscription textarea:focus {
    border-color: #2271b1;
    box-shadow: 0 0 5px rgba(34, 113, 177, 0.2);
    outline: none;
}

/* Tombol Save */
.mailpoet_manage_subscription .button,
.mailpoet_manage_subscription button[type="submit"],
.mailpoet_manage_subscription input[type="submit"] {
    background-color: #f5ab1f;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mailpoet_manage_subscription .button:hover,
.mailpoet_manage_subscription button[type="submit"]:hover,
.mailpoet_manage_subscription input[type="submit"]:hover {
    background-color: #135e96;
}

/* Dropdown Select */
.mailpoet_manage_subscription select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23444" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding-right: 30px;
}

/* Pesan status/informasi */
.mailpoet_manage_subscription_success,
.mailpoet_manage_subscription_error {
    margin: 20px 0;
    padding: 15px;
    border-radius: 4px;
    font-weight: 500;
}

.mailpoet_manage_subscription_success {
    background-color: #e7f7ed;
    border-left: 4px solid #2cbe4e;
    color: #0d652d;
}

.mailpoet_manage_subscription_error {
    background-color: #fbeaea;
    border-left: 4px solid #dc3232;
    color: #8a1f11;
}

/* Email tampilan saja (disabled) */
.mailpoet_manage_subscription .mailpoet-disabled-input {
    background-color: #f7f7f7;
    color: #666;
    cursor: not-allowed;
}

/* Link untuk edit profile */
.mailpoet_manage_subscription a {
    color: #2271b1;
    text-decoration: none;
    transition: color 0.2s;
}

.mailpoet_manage_subscription a:hover {
    color: #135e96;
    text-decoration: underline;
}

/* Bagian informasi tambahan */
.mailpoet-page-additional-info {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.mailpoet-page-additional-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}

/* Perbaikan adaptif untuk mobile */
@media (max-width: 767px) {
    .mailpoet_manage_subscription {
        padding: 15px;
    }
    
    .mailpoet_manage_subscription input[type="text"],
    .mailpoet_manage_subscription input[type="email"],
    .mailpoet_manage_subscription select {
        padding: 10px;
        font-size: 14px;
    }
    
    .mailpoet_manage_subscription .button,
    .mailpoet_manage_subscription button[type="submit"],
    .mailpoet_manage_subscription input[type="submit"] {
        width: 100%;
    }
}

/* === STYLING UNTUK FORM SUBSCRIBE === */

/* Container form subscribe */
.newspaper-child-newsletter-box {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 25px;
    margin: 30px 0;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.newspaper-child-newsletter-box h3 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 12px;
}

.newspaper-child-newsletter-box p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}

/* Customizing MailPoet Form */
.newspaper-child-newsletter-box .mailpoet_form {
    padding: 0 !important;
    background: transparent !important;
    margin: 0 !important;
}

.newspaper-child-newsletter-box .mailpoet_paragraph {
    margin-bottom: 15px !important;
}

.newspaper-child-newsletter-box .mailpoet_text, 
.newspaper-child-newsletter-box .mailpoet_textarea, 
.newspaper-child-newsletter-box .mailpoet_select {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) inset !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.newspaper-child-newsletter-box .mailpoet_text:focus, 
.newspaper-child-newsletter-box .mailpoet_textarea:focus, 
.newspaper-child-newsletter-box .mailpoet_select:focus {
    border-color: #2271b1 !important;
    box-shadow: 0 0 5px rgba(34, 113, 177, 0.2) !important;
    outline: none !important;
}

.newspaper-child-newsletter-box .mailpoet_submit {
    width: 100% !important;
    background-color: #2271b1 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.newspaper-child-newsletter-box .mailpoet_submit:hover {
    background-color: #135e96 !important;
}

/* Pesan sukses dan error */
.newspaper-child-newsletter-box .mailpoet_validate_success {
    color: #2cbe4e !important;
    font-weight: 500 !important;
}

.newspaper-child-newsletter-box .mailpoet_validate_error {
    color: #dc3232 !important;
    font-weight: 500 !important;
}

/* Tema gelap untuk newsletter box */
.newspaper-child-newsletter-box.dark-theme {
    background-color: #2c3338;
    border-color: #1d2327;
}

.newspaper-child-newsletter-box.dark-theme h3 {
    color: #fff;
}

.newspaper-child-newsletter-box.dark-theme p {
    color: #ccc;
}

/* Responsif untuk mobile */
@media (max-width: 767px) {
    .newspaper-child-newsletter-box {
        padding: 20px;
    }
    
    .newspaper-child-newsletter-box h3 {
        font-size: 20px;
    }
    
    .newspaper-child-newsletter-box p {
        font-size: 14px;
    }
}